@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, html {}
body {font-family:'Nanum Gothic', sans-serif; font-size:14px; color:#343434; letter-spacing:-0.025em; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, table, th, td, form, fieldset, legend, input, textarea, button, select, pre, code {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
input, textarea, select, button, table {font-family:'Nanum Gothic', sans-serif; font-size:14px; color:#343434; line-height:-0.025em}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
img, fieldset {border:0; vertical-align:middle}
iframe, button {border:0}
ul, ol {list-style:none}
caption, hr {display:none}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse; border-spacing:0}
h1, h2, h3, h4, h5, h6 {color:#343434}
a {text-decoration:none; font-family:'Nanum Gothic', sans-serif; color:#343434; line-height:-0.025em}
a:hover, a:active, a:focus {}

/* form */
/* select, input text */
select,
input[type="text"],
input[type="password"] {display:inline-block; height:40px; line-height:38px; padding:0 5px 0 20px; font-size:14px; border:1px solid #ccc; vertical-align:middle}
input[type="checkbox"] {vertical-align:middle}
::placeholder {color:#c2c2c2}
::-webkit-input-placeholder {color:#c2c2c2}
:-moz-placeholder {color:#c2c2c2}
::-moz-placeholder {color:#c2c2c2}
:-ms-input-placeholder {color:#c2c2c2}


/* fake form - select */
.wrap-select {display:inline-block}
.select-title {position:relative; color: #777; text-align: left; vertical-align: middle; padding:10px 5px 11px 20px; border: 1px solid #ccc; display: inline-block; -box-sizing: border-box; background:#fff}
.select-title:after {content:""; display:inline-block; position:absolute; right:10px; top:50%; width:0; height:0; margin-top:-3px; border-top:5px solid #a1a2a3; border-left:5px solid transparent; border-right:5px solid transparent}
.select-title strong { width: 100%; height: 1em; font-weight: normal; font-size: 14px; word-break: break-all; line-height: 1.2em; padding: 1px 0 2px; display: block; overflow: hidden}
.select-title.focus,
.select-title.active { color: #000; border-color: #ccc; }
.select-title.active:after {border-top:none; border-bottom:5px solid #a1a2a3}
.select-title.focus:after {border-bottom:none; border-top:5px solid #a1a2a3}
.select-title.disabled { color: #c2c2c2; text-shadow: 1px 1px 0 #fff; border-color: #ccc; background-color: #eee; }
.select-option {margin-top:-1px; border: 1px solid #ccc; background: #fff; overflow: auto; }
.select-option ul { margin: 0; padding: 0; }
.select-option li { list-style: none; }
.select-option span,
.select-option strong { height: 1.1em; font-size: 14px; font-weight: normal; color: #888; white-space: nowrap; line-height:1; text-overflow: ellipsis; text-decoration: none; padding:10px 0 10px 20px; display: block; overflow: hidden; cursor: default; }
.select-option strong { font-weight: bold; color: #000; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; }
.select-option li li span { padding-left: 10px; }
.select-option span:hover,
.select-option span.selected { color: #343434; background: #eee; }
.select-option .disabled span,
.select-option .disabled strong { color: #bbb; text-decoration: line-through; background: none; }
.wrap-select.type2 .select-title {position:relative; padding-right:44px; box-sizing:border-box}
.wrap-select.type2 .select-title:after {right:16px}
.wrap-select.type2 .select-title:before {content:""; display:inline-block; position:absolute; right:43px; top:0; width:1px; height:100%; background:#bebebe}

/*
    2022-07-04 GBKIM 추가한 CSS
*/

#container .contents-area.support ul li .des {
    width: 805px;
    padding-left: 50px;
    font-size: 16px;
    font-weight: bold;
}

#container .contents-area.support .support-list-title {
    float: left;
    position: relative;
    left: 80px;
    width: 960px;
    height: 65px;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    font-size: 16px;
}

#container .contents-area.support .support-list-title ul li {float: left;left: 19px;position: relative;}

#container .contents-area.support .support-list-title ul li h2 {position: relative;color: #343434;width: 850px;margin: 0 auto;float: left;text-align: inherit; top: 0;}

#container .contents-area.support .support-list-title .more {width: 75px;}

#container .contents-area.support ul li .des a:hover {text-decoration: underline;}

ul.main-noticelist-ul{padding-bottom: 30px;}