/* 00.common */

@import url(/include/css/fontlist.css);
@import url(/include/css/button_13.css);
/*@import url(/include/css/tabMenu.css);*/
@import url(/include/css/table.css);

/*@import url(sub.css);*/

html, body {margin: 0 auto; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; min-width: 1200px;}
a {text-decoration: none;}
ul, dl, ol {margin: 0;}
ul, dl, ol, li {list-style: none; padding: 0;}
table {border-collapse: collapse; width: 100%;}
caption, legend {display: none;}
fieldset {border: none; padding: 0;}
button {cursor: pointer;}
input[type=text], input[type=number], input[type=submit], input[type=password] {-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
textarea {resize: none; font-size: 13px; color: #666; border: 1px solid #c9c9c9; line-height: 150%;}
.wrap {width: 1100px; margin: 0 auto;}
.admin_wrap {width: 1200px; margin: 0 auto;}
.hidden {display: none;}
.dIb {display: inline-block;}
.v_helper {vertical-align: middle; height: 100%; display: inline-block; width: 0;}
.left {text-align: left!important;}
.center {text-align: center!important;}
.right {text-align: right!important;}
.red {color: #e54242!important;}
.bur {color: #7f1a21!important;}
.req::before {content: "* "; color: #e02020;}


/* 01.header */
#headerTop {background: #7f1a21; height: 38px;}
#headerTop .top_left {float: left;}
#headerTop .top_left a {display: inline-block; color: #fff; background: #460c10; font-size: 15px; text-align: center; width: 115px; height: 38px; line-height: 38px; font-weight: 500;}
#headerTop .top_left a.tab_on {background: #fff; color: #7f1a21;}
#headerTop .top_right {float: right; background: #8c3138; height: 38px;}
#headerTop .top_right a {color: #e2d2d3; font-size: 13px; line-height: 38px; padding: 0 24px; border-left: 1px solid #ab7d81;}
#headerTop .top_right a:first-child {border-left: none;}

#headerTools {display: flex; justify-content: flex-end; align-items: center; padding-top: 11px;}
#headerTools .search_wrap {margin: 0 5px; padding: 0;}
#headerTools .search_wrap input[type=search] {padding: 0 12px; line-height: 38px; vertical-align: bottom; border: 1px solid #7f1a21; border-right: 0; font-size: 13px;}
#headerTools .search_wrap button[type=submit] {padding: 0 10px; line-height: 40px; color: #fff; background: #7f1a21; font-size: 15px; border: none; border-radius: 0!important;}
.login_wrap a {margin: 0 5px; padding: 9.5px 30px; text-align: center; color: #fff;}
.login_wrap .btn_login {background: #b63030;}
.login_wrap .btn_join {background: #444;}
.login_wrap .login_user {display: inline-block; border: 1px dashed #d8d8d8; width: 200px; line-height: 38px; text-align: center; margin-left: 5px;}

#headerMenu {padding: 0 0 17px;}
#topLogo {display: inline-block;}
#topMenu {float: right; height: 70px; display: flex; align-items: flex-end;}
#topMenu li {display: inline-block;}
#topMenu a {font-size: 18px; font-weight: 400; color: #000; margin-left: 66px; padding-bottom: 12px; position: relative;}
#topMenu a:hover {border-bottom: 5px solid #b92630;}
#topMenu a .register_sign {position: absolute; width: 136px; font-size: 13px; line-height: 28px; text-align: center; color: #fff; bottom:40px; left: 50%; transform: translateX(-50%); background: #b92630; animation: reg_sign 0.6s infinite;}
    @keyframes reg_sign {
        0% {background: #b92630;}
        40% {background: #b92630;}
        60% {background: #343434;}
        100% {background: #343434;}
    }
#topMenu a .register_sign::after {position: absolute; content: ""; display: block; width: 0px; height: 0px; border-top: 7px solid #b92630; border-left: 7px solid transparent; border-right: 7px solid transparent; left: 50%; transform: translateX(-50%); animation: reg_sign_arrw 0.6s infinite;}
    @keyframes reg_sign_arrw {
        0% {border-top-color: #b92630;}
        40% {border-top-color: #b92630;}
        60% {border-top-color: #343434;}
        100% {border-top-color: #343434;}
    }


/* 02.contents - sub */
#contents {min-height: 398px;}

#subNav {background: #223757; height: 50px; margin-bottom: 35px;}
#subNav li {display: inline-block; color: #fff; line-height: 50px;}
#subNav li::after {content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 16px; background: url(/resources/img/icon/ico_breadCrumbs.png) center no-repeat; margin: 0 15px;}
#subNav li:last-child::after{display: none;}
#subNav li img {vertical-align: middle;}

#subHeader {width: 220px; display: inline-block; vertical-align: top;}
#subHeader h1 {text-align: center; font-size: 26px; font-weight: 500; height: 115px; line-height: 115px; background: #910000; color: #fff; margin: 0;}
#subMenu li.depth_2 a {padding: 0 25px; font-size: 16px; display: block; height: 50px; line-height: 50px; color: #000; font-weight: normal;}
#subMenu li.depth_2.on {font-weight: bold;}
#subMenu li.depth_2.on>a, #subMenu li.depth_2>a:hover {background: #4a4a4a; color: #fff;}
#subMenu li.depth_2>a, #subMenu .depth_3 {border-bottom: 1px solid #c1c1c1;}
#subMenu .depth_3 li>a {padding-left: 35px;}
#subMenu .depth_3 li.on>a {font-weight: bold;}
#subMenu .depth_3 li.on>a, #subMenu .depth_3 li>a:hover {background: #888; color: #fff;}

#subCall {text-align: center; color: #3a3a3a; font-size: 16px; border: 1px solid #ccc; background: #fbfbfb; letter-spacing: -0.5px; padding: 32px 0; margin: 45px 0;}
#subCall p {margin: 0;}
#subCall strong {color: #d02929; font-size: 26px; font-weight: 600;}
#subCall h3 {font-size: 26px; font-weight: 500; margin: 14px 0;}
#subCall h3 span {display: inline-block; vertical-align: middle; line-height: 1em;}

#container {width: 840px; display: inline-block; vertical-align: top; margin-left: 35px;}
#subCommon {border-bottom: 1px solid #d9d9d9; height: 77px; margin-bottom: 40px;}
#subCommon h2 {font-size: 30px; color: #303030; font-weight: normal; display: inline-block; line-height: 77px; margin: 0;}
#breadCrumbs {float: right; display: flex; align-items: flex-end; height: 53px; font-size: 14px;}
#breadCrumbs li {display: inline-block; color: #686868;}
#breadCrumbs li a {color: #646464;}
#breadCrumbs li:last-child::after{display: none;}
#breadCrumbs li::after {content: ">"; margin: 0 5px;}


/* 03.footer */
#footer {margin-top: 50px;}
#footer_links {height: 62px; border-top: 1px solid #cdcdcd;}
#footer_links .wrap div {display: inline-block; vertical-align: middle;}
.bottom_left a {line-height: 60px; font-size: 14px; color: #3d3d3d; border-left: 1px solid #b5b5b5; padding: 0 20px; font-weight: 500;}
.bottom_left a:first-child {padding-left: 0; border-left: 0;}
.bottom_right {float: right;}
.bottom_right a {margin-left: 30px;}
.bottom_right a img {margin-top: 14px;}

#footer_copy {background: #3d3d3d; height: 180px; padding: 34px;}
#footer_copy img {vertical-align: top;}
#footer_copy ul {display: inline-block; vertical-align: top; font-size: 13px; color: #c6c6c6; margin: 0 30px;}
#footer_copy ul li:first-child {font-size: 14px; font-weight: 600; color: #e3e3e3; margin-bottom: 10px;}
#footer_copy ul li:last-child {font-size: 12px; color: #9a9a9a; margin-top: 15px;}