@charset "utf-8";

h3 {font-size:1.875rem;}
h4 {font-size:1.375rem; margin-bottom:10px;}

.cut_string {display:inline-block; vertical-align:middle; width:auto; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 텍스트 기본스타일 */
.info_txt {position:relative; display:flex; margin-top:7px; font-size:14px; color:#999; text-align:left;}
.info_txt::before {content:''; background:url(../images/icon_info_txt.png) 0 0 no-repeat; background-size:contain; width:18px; height:18px; flex:0 0 18px; margin-right:5px;}
.dot_list > li {position:relative; padding-left:12px; text-align:left;}
.dot_list > li::before {content:''; display:block; background:#aaa; border-radius:50px; width:4px; height:4px; position:absolute; top:9px; left:0;}
.dot_list > li + li {margin-top:7px;}

/* 준비중 */
.readyWrap {background-color:#f9f9f9; height:300px; line-height:300px; font-size:1.5rem; text-align:center; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c1c1c1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

/* sub_visual */
#sub_top {position:relative; text-align:center; overflow:hidden;}
#sub_top .innerwrap {height:270px; display:flex; justify-content:center; align-items:center;}
#sub_top .bg {position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 100%; background-size:cover;}
#sub_top .bg::after {content:''; background:rgba(0,0,0,0); width:100%; height:100%; position:absolute; top:0; left:0;}
#sub_top .tit_group {animation: stitle_motion 1.5s; animation-iteration-count: 1;}
#sub_top h2 {font-size:2.5rem; font-weight:700;}
#sub_top .sub_text {font-family:'SEBANG_Gothic_Bold', serif; color:#fff; letter-spacing:0;}
#sub_top .sub_text::before {content:''; display:block; background:#2d2d2d; width:27px; height:1px; margin:7px auto 10px;}
#sub_top .bg {background-image:url(../images/sub_visual.jpg);}
@keyframes stitle_motion {
	0% {opacity: 0; transform:translateY(-100px); -webkit-transform:translateY(-100px);}
	50% {opacity: 0.5; transform:translateY(15px); -webkit-transform:translateY(15px);}
	100% {opacity: 1; transform:translateY(0); -webkit-transform:translateY(0);}
}

#snav {background:#fff; border-bottom:1px solid #ccc;}
#snav .innerwrap {padding:0;}
#snav .snb {display:flex; position:relative; padding-left:48px; z-index:1;}
.snb > li {border-left:1px solid #ccc; width:50%;}
.snb > li > a {display:flex; align-items:center; height:48px;}
.snb > li:first-child {position:absolute; top:0; left:0; width:48px; height:100%;}
.snb > li:first-child a {justify-content:center; width:100%; height:100%; background:#888; color:#fff;}
.snb > li:first-child a::after {content:'\e88a'; font-family: 'Material Icons Outlined'; font-size:24px; display:block;}
.snb > li.depth {position:relative;}
.snb > li.depth > a {justify-content:space-between; padding:0 10px;}
.snb > li:nth-child(2) span, .snb > li:nth-child(3) span {max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.snb > li > ul {display:none; position:absolute; top:47px; left:-1px; right:-1px; background:#fff; border:1px solid #ddd;}
.snb > li > a .arr::after {content:'\e313'; font-family: 'Material Icons Outlined'; font-size:20px; display:block;}
.snb > li > a.on .arr::after {transform: rotate(180deg);}
.snb > li > ul > li {border-top:1px solid #e6e6e6;}
.snb > li > ul > li > a {display:block; padding:12px 10px; color:#888;}
.snb > li > ul > li > a:hover {background:#f4f4f4;}

@media screen and (min-width:769px) {
/* 현재위치 */
#snav .snb {padding-left:56px;}
.snb > li.depth {width:300px;}
.snb > li:first-child {width:56px;}
.snb > li:last-child {border-right:1px solid #ccc;}
.snb > li > a {height:56px;}
.snb > li > ul {top:55px;}
}

.container {padding:3.125rem 0 6.25rem;}
.content {margin-top:2rem;}
section + section {margin-top:3.75rem;}

/* infocontent */
.info_box {border:1px solid #ddd; margin-top:3.125rem; padding:20px;}
.info_box > dt {display:flex; font-weight:800; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:15px;}
.info_box > dt::before {content:'\ef49'; font-size: 24px; font-weight:normal; line-height:1; font-family: 'Material Icons Outlined'; margin-right:5px;}
.info_box > dd {font-size:0.875rem; color:#888;}

/* 인사말 */
.greeting .int_tit {font-size:1.5rem; font-weight:700; line-height:1.5; margin-bottom:2.5rem;}
.greeting .cont li {line-height:1.8;}
.greeting .cont li + li {margin-top:1.875rem;}
.greeting .cont + .int_tit {margin-top:30px; padding-top:30px; border-top:1px dashed #ccc;}
.greeting .sign {margin-top:2.25rem; text-align:right;}
.greeting .sign em {display:block; font-size:1.25rem; font-weight:700; margin-bottom:10px;}
.greeting .sign span {display:block;}

/* 관련사이트 */
.fm_site {display:flex; flex-wrap:wrap; margin:-20px 0 0 -20px;}
.fm_site > li {width:calc(25% - 20px); margin:20px 0 0 20px;}
.fm_site > li > a > p {border:1px solid #ddd; display:flex; justify-content:center; align-items:center; position:relative; transition:all 0.3s;}
.fm_site > li > a > p::before {content:''; display:block; padding-bottom:37%;}
.fm_site > li > a > p img {position:absolute; max-width:85%; max-height:85%;}
.fm_site > li > a > em {display:block; margin-top:10px; text-align:center;}
.fm_site > li > a:hover > p, .fm_site > li > a:focus > p {border-color:#777; box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15); -webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}

/* 테이블 스타일 ------------------------------- */
table {width:100%;}
table th, table td {border-bottom:1px solid var(--bdrcolor); font-size:0.938rem; padding:0.875rem 0.375rem;}
table th {background-color:#f4f5f8;}

.tb {border-top:1px solid #333;}
.tb th, .tb td {border-bottom:1px solid var(--bdrcolor); padding:10px;}
.tb th + th, .tb th + td, .tb td + td {border-left:1px solid var(--bdrcolor);}
.tb td {text-align:center;}
.tb td.tl {text-align:left;}
.timetable {border-top:2px solid #333;}
.timetable th, .timetable td {border:1px solid var(--bdrcolor);}

.bbs {border-top:2px solid #333;}
/* list ----- */
.bbs_list thead th {line-height:1.3;}
.bbs_list td {text-align:center; padding:1rem 0.375rem;}
.bbs_list .b_tit a > .title {display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; text-align:left;}
/* bbs_notice */
.th_notice {background:rgba(255,255,255,0.3);}
.nt_icon {display:inline-block; background:var(--colorS); color:#fff; width:45px; height:23px; line-height:23px; font-size:12px; border-radius:3px; text-align:center;}
.new_ico {max-width:16px;}

/* view ----- */
.bbs_view {border-top:0;}
.bbs_view li {padding:20px 0;}
.bbs_view li + li {border-top:1px solid var(--bdrcolor);}
.bbs_view .b_tit {padding:0 0 20px; border-bottom:1px solid #888; text-align:center;}
.bbs_view .b_tit .subject {font-size:1.625rem; font-weight:600; line-height:1.4; padding:0 0 10px;}
.bbs_view li dl {display:flex; padding:0 10px;}
.bbs_view li dt {color:#333; flex:0 0 90px;}
.bbs_view .view_con {min-height:250px; width:100%; padding:1.25rem 10px; word-break:break-all; color:#3f3f3f; font-size:1rem;}
.bbs_view .view_con img {max-width:100%; height:auto !important;}
/* 게시글정보 */
.add_info {display:flex; justify-content:center; flex-wrap:wrap; font-size:14px; margin-left:-17px;}
.add_info > span {position:relative; display:inline-block; padding:0 17px; color:#3f3f3f;}
/* 첨부파일 */
.bbs_view .attach > p {margin-top:5px;}
.bbs_view .attach > p:first-child {margin-top:0;}
.bbs_view .attach > p a {display:inline-block; position:relative; padding-left:20px; font-size:0.938rem; line-height:1.4; color:#777; word-break:break-all;}
.bbs_view .attach > p a::before {content:'\e226'; font-family: 'Material Icons Outlined'; font-size:1.125rem; position:absolute; top:0; left:0;}

/* input_con */
.input_con {border-top:1px solid #333;}
.input_con dl {border-bottom:1px solid var(--bdrcolor); display: flex; align-items:center; position:relative;}
.input_con dl::before {content:''; background:#f4f5f8; width:25%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.input_con dl dt, .input_con dl dd {padding:10px 15px; font-size:0.938rem;}
.input_con dl dt {width:25%; flex:0 0 25%; color:#111; font-weight:700;}
.input_con dl dd {flex:1;}
.input_con dl dd .wr_con textarea {height:300px;}
.input_con dl dt .es {flex:0 0 7px;}
.input_con.v2 dl {flex-direction: column; align-items:inherit;}
.input_con.v2 dl::before {display:none;}
.input_con.v2 dl dt {background:#f4f5f8; margin-bottom:7px; font-size:15px; width:100%;}
.input_con .input_group + .input_group {margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;}
.input_con.v2 dl dt.between {display:flex; justify-content:space-between; flex-wrap:wrap;}
.input_con.v2 dl dt.between > *:first-child {margin-right:10px;}
.input_con dl dt .func_btn {margin-left:10px;}
#coauthor-view .input_group {position:relative; padding-right:30px;}
#coauthor-view .input_group > .chkbox {position:absolute; right:0; width:20px; height:20px;}

/* 내역조회 게시판 */
.info_bbs {border-top:2px solid #333;}
.info_bbs > li {display:flex; justify-content:space-between; border-bottom:1px solid var(--bdrcolor); padding:0.938rem 5px 0.938rem 65px; position:relative;}
.info_bbs > li .b_num {width:60px; position:absolute; left:0; text-align:center;}
.info_bbs > li .info {flex:1; padding-right:10px;}
.info_bbs > li .info .state {display:inline-block; background:#bbb; border-radius:50rem; color:#fff; font-size:12px; padding:3px 10px; margin-bottom:7px;}
.info_bbs > li .info .state.deposit {background:var(--colorS);}
.info_bbs > li .info em {display:block; font-size:1.375rem; font-weight:600; line-height:1.2; margin-bottom:10px;}
.info_bbs > li .info a:hover {text-decoration:underline;}
.info_bbs > li .info .sub_info {color:#888; font-size:0.875rem; margin-top:10px;}
.info_bbs > li .info .sub_info > p {display:flex;}
.info_bbs > li .info .sub_info > p + p {margin-top:3px;}
.info_bbs > li .info .sub_info i {flex:0 0 130px;}
.info_bbs > li .info .sub_info > p strong {font-weight:600; color:#333;}
.info_bbs > li .file {margin-top:15px; display:flex; border-top:1px dashed #ccc; padding-top:15px;}
.info_bbs > li .file i {background:#aaa; border-radius:3px; color:#fff; display:flex; justify-content:center; align-items:center; height:22px; font-size:12px; padding:0 7px; margin-right:5px;}
.info_bbs > li .file .list a {display:inline-block; position:relative; padding-left:17px; font-size:0.938rem; line-height:1.3; color:#777; margin:2px 7px; word-break:break-all;}
.info_bbs > li .file .list a::before {content:'\e226'; font-family: 'Material Icons Outlined'; font-size:1rem; position:absolute; top:0; left:0;}
.info_bbs > li .btn_wrap button {display:block; width:100%; max-width:180px; height:30px; padding:0 7px; line-height:normal; font-size:13px;}
.info_bbs > li .btn_wrap button + button {margin-top:7px;}

/* 결제방법 */
.pay_how {background:#f7f7f7; border:1px solid #ddd; border-top-color:#333; margin-top:40px;}
.pay_how h4 {background:#fff; border-bottom:1px solid #ddd; padding:10px; text-align:center;}
.pay_how .wrap {max-width:500px; margin:0 auto; padding:1.25rem;}
.pay_how .type_chk {display:flex;}
.pay_how .type_chk > span {flex:1; margin:2px;}
.pay_how .type_chk > span label {height:80px; line-height:1.4; border:1px solid #888; border-radius:1rem; color:#888; font-size:0.938rem; flex-direction:column;}
.pay_how .type_chk > span label i {margin-bottom:5px;}
.pay_how .type_chk > span input[type=radio]:checked + label {background:var(--colorS); color:#fff; font-weight:700; z-index:1;}
.accounts {margin-top:30px; text-align:center;}
.accounts > ul {margin-top:10px;}
.accounts li {position:relative; padding-left:100px;}
.accounts li + li {margin-top:10px;}
.accounts li > span {display:block; position:absolute; top:9px; left:0;}
.qr_pay {display:none; margin-top:30px; text-align:center;}
.qr_pay .inner {display:inline-block; background:#fff; border:1px solid #ccc; border-radius:8px; padding:5px;}
.qr_pay img {max-width:100px;}

/* 유튜브를 소스로 하는 iframe이 있다면 youtubeWrap을 클래스 값을 가지는 div로 */
.youtubeWrap {position:relative; max-width:800px; padding-bottom:56.75%;}
.youtubeWrap iframe {position:absolute; width:100%; height:100%;}

/* 이전글다음글 */
.prevnext {border-top:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; margin-top:8%;}
.prevnext li {display:flex; align-items:center; height:3.75rem; padding:0 1.875rem 0 3.125rem; overflow:hidden; position:relative;}
.prevnext li + li {border-top:1px solid #dedede;}
.prevnext li::before {content:'\e316'; font-family: 'Material Icons Outlined'; font-size:24px; position:absolute; left:0.938rem;}
.prevnext li:last-child::before {transform: rotate(180deg);}
.prevnext li a {display:block; font-size:0.938rem; max-width:100%; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prevnext li a[href="#none"] {pointer-events: none;}

/* search ------------------------------- */
.search_box {text-align:center; margin-bottom:30px;}
.search_box input[type="text"], .search_box select, .search_box button {height:40px; border-radius:0;}
.search_box input[type="text"], .search_box select {border-color:#adb5bd; font-size:15px;}
.search_box fieldset {display:flex; justify-content:flex-end;}
.search_box fieldset > div + div {margin-left:5px;}
.search_box .sch_word {display:flex;}
.search_box .sch_word button {background:var(--color); display:flex; justify-content:center; align-items:center; padding:0; color:#fff; font-weight:bold; width:65px; line-height:normal; margin-left:5px; text-indent:-9999px;}
.search_box .sch_word button > span {background:url(../images/icon_btn_search.png) 0 0 no-repeat; background-size:contain; width:20px; height:19px; position:absolute;}

/* paging ------------------------------- */
.paging {text-align:center; margin:5rem 0 0; font-size:0;}
.paging > ul {display:flex; justify-content:center;}
.paging a, .paging button {display:inline-flex; justify-content:center; align-items:center; width:2.125rem; height:2.125rem; line-height:2.125rem; padding:0; margin:0 0.25rem; background-color:#fff; border:1px solid #333; color:#3f3f3f; font-size:0.938rem; font-weight:500; vertical-align:middle; cursor:pointer;}
.paging .on a {background-color:#333; border-color:transparent; color:#fff;}

/* 회원관련 ------------------------------- */
.login_wrap {width:90%; max-width:580px; margin:0 auto;}
.login_wrap .wrap {max-width:380px; margin:0 auto;}
.login_wrap .tit_group {text-align:center;}
.login_wrap h4 {font-size:1.125rem;}
.login_wrap h4 + p {margin-top:10px;}
/* 로그인입력폼 */
.tit_group + .login_input {margin-top:20px;}
.login_input {margin-top:0;}
.login_input li {position:relative; margin-top:0.938rem;}
.login_input li:first-child {margin-top:0;}
.login_input li input {background:#fff; font-size:1rem; height:3.375rem; max-height:none; padding:0 13px 0 3.5rem;}
.login_input li > span {display:block; position:relative;}
.login_input li label {display:flex; justify-content:center; align-items:center; width:3.125rem; height:100%; position:absolute; top:0; left:9px; text-indent:-9999px;}
.login_input li label::after {content:''; background-repeat:no-repeat; background-size:contain; position:absolute;}
.login_input li .input_id label::after {background-image:url(../images/icon_login_id.png); width:20px; height:20px;}
.login_input li .input_pw label::after {background-image:url(../images/icon_login_pw.png); width:18px; height:24px;}
.login_input li .input_hp label::after {background-image:url(../images/icon_login_hp.png); width:15px; height:24px;}
.login_input li .input_email label::after {background-image:url(../images/icon_login_email.png); width:20px; height:16px;}
.login_btn {margin:1.25rem 0 0;}
.login_btn .btns {display:block; background:#0a2b60; border:0; box-shadow:0px 8px 8px rgba(0,38,74,0.15); border-radius:10px; color:#fff; font-size:1.125rem; font-weight:600; width:100%; height:3.75rem; line-height:3.75rem; margin:0 auto;}
.login_btn + .info_txt {margin-top:20px;}
/* idpw_search */
.idpw_search {max-width:980px; margin:0 auto;}
.idpw_search .wrap {max-width:none;}
.idpw_search .wrap h4 {text-align:left;}
.idpw_search .wrap > div + div {border-top:1px dashed #aaa; padding-top:30px; margin-top:30px;}

/* 필수입력표시 */
.es {display:inline-block; background:url(../images/icon_es.png) 0 0 no-repeat; background-size:contain; width:7px; height:7px; margin-left:3px; vertical-align:middle; position:relative; top:-2px; text-indent:-9999px;}

/* input 정의 */
input, select {font-size:0.875rem;}
input:not([type="radio"], [type="checkbox"], [type="button"], [type="file"]), select {height:40px; border-radius:6px;}
input:not([type="radio"], [type="checkbox"], [type="button"]), select, textarea {width:100%;}
input[type="file"] {max-width:100%; width:auto;}
textarea {padding:0.938rem;}
input:not([type="radio"], [type="checkbox"])[readonly], select[readonly], textarea[readonly], .readonly, input:not([type="radio"], [type="checkbox"])[disabled], select[disabled], textarea[disabled], .disabled {background:#efefef; border-color:#ddd;} /* 입력불가 */

.input_tel, .email_in, .input_date {display:flex; align-items:center; margin:0 -3px;}
.input_tel > span, .input_date > span {display:block; flex:1; margin:0 3px;}
.input_tel > span.hyphen {flex:none;}
.input_date > span.txt {width:auto; flex:none; font-size:0.875rem; margin:0 0.375rem; text-align:center;}
.add_in {display:flex; position:relative;}
.add_in .btns {width:7.5rem; margin-left:5px;}
.addr_in p {margin-top:0.5rem;}
.addr_in input, .input_con .addr_in input {width:100%; max-width:none;}
.addr_post input[readonly] {background:#f2f2f2;}
.input_group {display:flex; align-items:center; margin:0 -3px;}
.input_group > * {margin:0 3px;}
/* input_txt */
.input_txt {position:relative; display:flex; align-items:center;}
.input_txt input {width:100%; text-align:right; padding-right:35px;}
.input_txt .txt {position:absolute; right:10px; font-size:0.875rem; color:#999;}
/* checkbox */
.chkbox {display:inline-block; position:relative;}
.chkbox input[type="checkbox"], .chkbox i {width:20px; height:20px; position:absolute; top:0.063rem; left:0; cursor:pointer;}
.chkbox input[type="checkbox"] {border:none; border-radius:12px; z-index:1; -webkit-appearance:none; appearance:none;}
.chkbox label {display:block; color:#3f3f3f; font-size:0.938rem; font-weight:600; line-height:20px; padding:0 0 0 1.75rem;}
.chkbox i {background:#fff; border:1px solid #d2d2d2; border-radius:3px; display:flex; justify-content:center; align-items:center;}
.chkbox input:checked+i {border-color:var(--color);}
.chkbox i::before {content:''; background:url(../images/formchk_icon.png) 0 0 no-repeat; background-size:contain; width:12px; height:9px; position:absolute;}
.chkbox input:checked+i::before {background-image:url(../images/formchk_icon_on.png);}
.chkbox input:focus {border-radius:2px;}
/* radio */
.radios {position:relative; display:inline-block;}
.radios input[type=radio] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.radios label {display:block; position:relative; padding:0px; padding-left:23px; line-height:25px; z-index:1; cursor:pointer;/* -webkit-transition:all 0.25s linear;/ */}
.radios .check {display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #d2d2d2; border-radius:100%; width:18px; height:18px; position:absolute; top:4px; left:0px; transition:border .25s linear; -webkit-transition:border .25s linear;}
.radios .check::before {content:''; display:block; position:absolute; border-radius:100%; width:10px; height:10px; margin:auto; transition:0.25s; -webkit-transition:0.25s;}
.radios input[type=radio]:checked~.check::before {background:#122b45;}
.radios input[type=radio]:checked~label {color:#333;}
.radios.readonly {background:none;}
.radios.readonly input[type=radio]:checked~.check {border-color:#ccc;}
.radios.readonly input[type=radio]:checked~.check::before {background:#ccc;}
/* radio 버튼타입 */
.type_chk > span {position:relative; display:inline-block; margin-bottom:2px;}
.type_chk > span input[type=radio], .type_chk > span input[type=checkbox] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.type_chk > span label {display:flex; justify-content:center; align-items:center; position:relative; height:43px; background:#fff; border:1px solid #ccc; color:#333; font-weight:500; padding:0 10px; min-width:60px; margin-bottom:0; border-radius:3px; box-sizing:border-box; text-align:center; cursor:pointer;}
.type_chk > span input[type=radio]:checked + label, .type_chk > span input[type=checkbox]:checked + label {background:#454545; border-color:transparent; color:#fff;}
/* 첨부파일 스타일 */
.file_input {margin:2px 0; overflow:hidden; position:relative; padding-right:90px; max-width:400px; box-sizing:border-box;}
.file_input label {vertical-align:middle; position:absolute; top:0; right:0; cursor:pointer; border-radius:6px; display:inline-block; overflow:hidden; width:85px; height:40px; line-height:40px; background:#aaa; color:#fff; text-align:center; box-sizing:border-box;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {color:#737070; background:#fff; border:1px solid #ccc;}

.form_list {display:flex; flex-wrap:wrap; margin:-0.625rem 0 0 -1.25rem;}
.form_list > label, .form_list > .chkbox {margin:0.625rem 0 0 1.25rem;}
.form_list > label {display:inline-flex;}
.form_list > label input {margin:2px 5px 0 0; width:17px; height:17px; flex:0 0 17px;}

/* 무단 등록 방지 */
.code_num {display:flex; align-items:center; flex-wrap:wrap; margin:-2px -5px;}
.code_num > * {margin:2px 5px;}
.code_num em {font-size:1.25rem; font-weight:700; color:var(--color);}
.code_num input {max-width:150px;}
.code_num .txt {width:auto;}

.input_con .MultiFile-label {margin:0;}

/* placeholder style (placeholder는 ie10 이상에서만 적용) */
input::-webkit-input-placeholder {color:#bbb;}/* Webkit */
input:-moz-input-placeholder {color:#bbb;}/* moz */
input:-ms-input-placeholder {color:#bbb;}/* IE10+ */
textarea::-webkit-input-placeholder {color:#bbb;}
textarea:-moz-input-placeholder {color:#bbb;}
textarea:-ms-input-placeholder {color:#bbb;}

/* 버튼 기본 스타일 ------------------------------- */
.btns {display:inline-block; background:var(--colorS); color:#fff; padding:0 15px; height:40px; line-height:40px; font-weight:500; font-size:13px; text-align:center; border:1px solid transparent; overflow:hidden; white-space:nowrap;}
.btns:hover, .btns:focus {opacity:0.9;}

/* 스타일 */
.btn_st1 {background:#00264b; color:#fff;}
.btn_st2 {background:#999; color:#fff;}/* gray */
.btn_st3 {background:#4496b3; color:#fff;}
.btn_bdr1 {background:#fff; border-color:#00264b; color:#00264b;}
.btn_bdr2 {background:#fff; border-color:#777; color:#777;}
.btn_bdr3 {background:#fff; border-color:#4496b3; color:#4496b3;}

.btns.primary {background:linear-gradient(to bottom, #fff, #f0f0f0); border-color:#b8b8b8; border-top-color:#ddd; border-left-color:#ddd; box-shadow:1px 1px 0 rgba(0,0,0,0.07); border-radius:3px; height:30px; line-height:30px; color:#666;}

.fn_btn {background:#fff; border:1px solid #aaa; display:inline-flex; justify-content:center; align-items:center; width:25px; height:25px; position:relative; text-indent:-9999px;}
.fn_btn::after {content:''; background-image:url(../images/icon_plusminus.png); background-repeat:no-repeat; background-size:24px; position:absolute;}
.fn_add_btn::after {background-position:0 0; width:10px; height:10px;}
.fn_del_btn::after {background-position:100% 0; width:10px; height:10px;}
.del_btn {display:inline-flex; justify-content:center; align-items:center; background:#fff; border:1px solid #ccc; border-radius:5px; width:1.25rem; height:1.25rem; padding:0; margin-left:3px; text-indent:-9999px;}
.del_btn::before {content:''; background:url(../images/icon_del.png) 0 0 no-repeat; background-size:10px; width:10px; height:10px; position:absolute;}

/* 버튼 그룹 */
.btn_set {display:flex; justify-content:center; text-align:center; margin:1.875rem 0 0;}
.btn_set.tl {justify-content:flex-start;}
.btn_set.tr {justify-content:flex-end;}
.btn_set.between {justify-content:space-between;}
.btn_set .btns {width:150px; height:45px; line-height:45px; font-size:15px; margin:2px;}

.btn_editor, .btn_editor2 {display:inline-block; background:#aaa; border:0; color:#fff; height:38px; padding:0 15px;}



@media screen and (min-width:769px) {
/* idpw_search */
.idpw_search .wrap {display:flex; margin:0 -5%;}
.idpw_search .wrap > div {width:50%; padding:0 5%; position:relative;}
.idpw_search .wrap > div + div {border:0; padding-top:0; margin-top:0;}
.idpw_search .wrap > div + div::before {content:''; background:#e5e5e5; width:1px; height:100%; position:absolute; left:0;}

/* input */
.input_tel, .input_date {max-width:360px;}
input.w30 {width:30%;}
input.w50 {width:50%;}

.input_list {display:flex; flex-wrap:wrap; margin:-1.25rem 0 0 -1.5rem;}
.input_list > li {width:calc((100%)/2 - 1.5rem); margin:1.25rem 0 0 1.5rem; display:flex; align-items:center;}
.input_list > li > p {flex:0 0 90px;}
}

@media screen and (max-width:1024px) {
html, body {font-size:15px;}

h3 {font-size:1.5rem;}

/* sub_visual */
#sub_top .innerwrap {height:200px;}
#sub_top h2 {font-size:1.75rem;}
#sub_top .sub_text {font-size:0.875rem;}

/* 관련사이트 */
.fm_site {margin:-20px 0 0 -10px;}
.fm_site > li {width:calc(25% - 10px); margin:20px 0 0 10px;}
}

@media screen and (max-width:768px) {
/* 인사말 */
.greeting .int_tit {font-size:1.25rem;}

.bbs_list .b_writer, .bbs_list .b_file, .bbs_list .b_hit, .bbs_list colgroup {display:none;}
.bbs_list .b_num {width:60px;}
.bbs_list .b_date {width:110px;}

/* view ----- */
.bbs_view .b_tit .subject {font-size:1.375rem;}

/* input_con */
.input_con dl {flex-wrap:wrap;}
.input_con dl::before {display:none;}
.input_con dl dt, .input_con dl dd {flex:none; width:100%;}
.input_con dl dt {background:#f4f5f8;}

/* search ------------------------------- */
.search_box fieldset {justify-content:center;}

/* 내역조회 게시판 */
.info_bbs > li {flex-wrap:wrap; padding-left:60px;}
.info_bbs > li .b_num {width:50px;}
.info_bbs > li .btn_wrap {width:100%; display:flex; flex-wrap:wrap;}
.info_bbs > li .btn_wrap button {max-width:none; margin-top:10px;}
.info_bbs > li .btn_wrap button + button {margin:10px 0 0 0;}

.input_group {flex-wrap:wrap;}
.input_group > *:not(:first-child) {margin-top:7px;}
.input_list > li + li {margin-top:10px;}
.input_list > li > p {margin-bottom:5px;}

.scroll_in {display:block; max-width:100%; overflow-x:auto; /* white-space:nowrap; */ -webkit-overflow-scrolling:touch;}
.scroll_in .tb {table-layout:auto; min-width:50rem;}
}

@media screen and (max-width:480px) {
/* 관련사이트 */
.fm_site > li {width:calc(50% - 10px);}

}