@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');


/*** reset ***/
html {-webkit-text-size-adjust:none;}
html, body {height:100%; min-height:100%; background:#fff; font-size:16px; color:#282828; font-weight:300; letter-spacing:-0.04em; line-height:1.4; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif !important;}
html, body, div, ul, ol, li, dl, dt, dd, p, strong, span, em, a, table, th, td, caption, input, button, textarea, label, form, legend, fieldset, select, hr, h1, h2, h3, h4, h5, h6, img {padding:0; margin:0; border:0; color:inherit; background:none; line-height:inherit; font-size:inherit; font-family:inherit}
table {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
th, td {vertical-align:middle}
th {font-weight:bold}
input {-webkit-appearance:none; border-radius:0; color:#353535}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
*:focus {outline:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold}

input, button, textarea {box-sizing:border-box; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:1em}
select, button {cursor:pointer; box-sizing:border-box;}
select  {appearance:none; -webkit-appearance:none; padding:0 50px 0 8px; background:url(../_img/slt.png) right 50% no-repeat #fff;}
select::-ms-expand { display:none; }
input[type="submit"]{cursor:pointer}
ul, ol {list-style:none;}
img {max-width:100%; vertical-align:top;}
a {color:inherit; text-decoration:none}
em {font-style:normal}
strong {font-weight:600}

/*
input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
*/

/*** common ***/
.wfix {width:1200px; margin:0 auto;}
.hidetxt {font-size:0; line-height:0; text-indent:-9999px;}
.blind {position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; opacity:0.1; font-size:0; line-height:0; text-indent:-9999px;}
.fl {float:left;}
.fr {float:right;}
.ovf {overflow:hidden;}
.after:after {display:block; width:100%; height:0; overflow:hidden; clear:both; content:'';}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.fwb {font-weight:bold; font-weight:600;}
.lts0 {letter-spacing:0;}
.block {display:block;}
.fs18 {font-size:18px;}
.fs16 {font-size:16px;}
.fs14 {font-size:14px;}
.date {letter-spacing:0}
.bg {background:#0070c0; color:#fff}
.w100 {width:100% !important; box-sizing:border-box;}
input:-ms-input-placeholder {color:#aaa; font-weight:300}
input::-webkit-input-placeholder {color:#aaa; font-weight:300}
input::-moz-placeholder {color:#aaa; font-weight:300}
textarea:-ms-input-placeholder {color:#aaa; font-weight:300}
textarea::-webkit-input-placeholder {color:#aaa; font-weight:300}
textarea::-moz-placeholder {color:#aaa; font-weight:300}
input.inp,
textarea.inp {border:1px solid #ccc; background:#fff}

.ico_comm {display:inline-block; background:url(../_img/ico_comm.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px; vertical-align:top}
.ico_after,
.ico_before {position:relative;}
.ico_after:after,
.ico_before:before {display:inline-block; background:url(../_img/ico_comm.png) 0 0 no-repeat; content:''; vertical-align:top;}
.thumb {position:relative;}
.thumb:after {position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.15); content:'';}

.slt {border:1px solid #ccc}
.chk,
.radio {position:absolute; width:0; height:0; overflow:hidden; opacity:0.1; left:-9999px;}
.chk + label,
.radio + label {display:inline-block; position:relative; padding-left:40px; line-height:28px; cursor:pointer;}
.chk + label::after,
.radio + label::before {position:absolute; left:0; content:'';}
.chk + label::after {top:0; width:28px; height:28px; background:url(../_img/chk.png) 50% 50% no-repeat; background-size:100%;}
.radio + label::before {top:3px; width:20px; height:20px; border:2px solid #ccc; border-radius:100%; background:#fff;}
.chk:checked + label::after {background-image:url(../_img/chk_on.png); background-color:#555}
.radio:checked + label::after {position:absolute; top:11px; left:8px; width:8px; height:8px; border-radius:100%; background:#333; content:''}

.btn {display:inline-block; background:#fff; border:1px solid #bbb; text-align:center; box-sizing:border-box}
.btn_dk {background:#444; color:#fff; text-align:center;}
.btn.download::before {width:13px; height:14px; background-position:0 0;}
.wrap_inp.hasbtn {font-size:0}
.hasbtn .inp {display:inline-block; vertical-align:top; font-size:16px;}
.btn_inp {display:inline-block; background:#555; color:#fff; font-size:15px; vertical-align:top}
.dot {position:relative; padding-left:10px;}
.dot::after {position:absolute; top:0.6em; left:2px; width:3px; height:3px; background:#222; content:'';}
.itm4 > * {width:25%}
.itm5 > * {width:20%}

body:not(.main) h3.aft_bg {position:relative; padding-top:33px; font-size:32px; font-weight:500; text-align:center; line-height:1}
body:not(.main) h3.aft_bg::after {position:absolute; top:0; left:50%; width:5px; height:16px; -webkit-transform:skew(-28deg); -moz-transform:skew(-28deg); -o-transform:skew(-28deg); transform:skew(-28deg);}
body:not(.main) h3.aft_bg + .under {margin-top:20px;}
body:not(.main) h3.aft_bg + .fc {display:inline-block; margin-top:30px; font-size:20px; font-weight:500;}
body:not(.main) .hd_cont h3.aft_bg + .bd {line-height:22px; padding:0 15px; border-left:2px solid #555; border-right:2px solid #555}
.hd_cont .tit_sub {display:inline-block; line-height:30px; padding:0 14px; font-size:20px;}
.hd_cont .tit_sub + h3.aft_bg {padding-top:16px;}
.hd_cont .tit_sub + h3.aft_bg::after {display:none}

h4.bfr_bg {margin-bottom:20px; font-size:24px; line-height:1}
h4.bfr_bg::before {display:inline-block; width:3px; height:20px; vertical-align:top; margin:2px 12px 0 0; background:#0070c0}
.tit_arw::before {display:inline-block; width:0; height:0; margin-right:5px; border-left:5px solid #222; border-top:5px solid transparent; border-bottom:5px solid transparent; content:''}
.wrap_btn {text-align:center}
.noti {display:inline-block; font-size:13px; color:#555; letter-spacing:0; line-height:1;}
.noti:before {display:inline-block; width:8px; height:8px; background:url(../_img/ico_refer.png) 50% 50% no-repeat; vertical-align:top; margin:2px 6px 0 0; content:'';}
.inp_file {position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; opacity:0.1}
.inp_file + label::before {width:16px; height:11px; background-position:-120px -40px; margin:14px 4px 0 0; opacity:0.7}
.wrap_file {display:inline-block; font-size:0;}
.wrap_file * {font-size:15px;}
.wrap_file .inp {width:400px; border-right:none}
.wrap_file .btn {width:100px; line-height:38px; cursor:pointer;}
.wrap_file .btn::before {width:16px; height:11px; background-position:-120px -40px; margin:14px 4px 0 0; opacity:0.7}

/*** layout ***/
#wrap {min-width:1300px; margin:0 auto;}
/* header */
#header {background:#fff; border-top:4px solid #0070c0; font-size:0;}
#header .wfix {height:86px;}
#header h1 {float:left; padding-top:26px}
#header .gnb {float:right;}
#header .gnb li {display:inline-block; position:relative; padding:28px 0}
#header .gnb li + li {margin-left:100px;}
#header .gnb a {display:block; line-height:30px;padding:0 5px; font-size:20px; font-weight:bold;}
#header .gnb li.fc::after {position:absolute; bottom:0; left:0; left:calc(5px); width:100%; width:calc(100% - 10px); height:4px; background:#333; content:''}
/* footer */
#footer {background:#eee; color:#666; font-size:14px;}
#footer .top_footer {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#footer .top_footer .wfix {position:relative; padding:18px 0;}
#footer .totop {position:fixed;; bottom:50px; right:50px; width:50px; height:50px; background:url(../_img/totop.png) 50% 50% no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
#footer .top_footer .link {display:inline-block; line-height:22px;}
#footer .top_footer .link + .link {margin-left:12px;}
#footer .top_footer .emph:first-child {margin-right:40px; color:#000; font-weight:bold; font-size:15px}
#footer > .wfix {position:relative; padding:30px 0 95px; letter-spacing:0;}
#footer > .wfix strong {display:block; margin-bottom:13px; font-size:18px;}
#footer .info dl {font-size:0; margin-bottom:10px;}
#footer .info dl+dl {display:inline-block;}
#footer .info dl.fax {margin-left:5px; padding-left:8px; border-left:1px solid #888}
#footer .info dt,
#footer .info dd {display:inline-block; font-size:14px; line-height:1}
#footer .info dt {margin-right:2px;}
#footer .copyright {margin-top:40px; letter-spacing:0}
#footer .foot_contact {position:absolute; top:30px; right:0; font-size:16px;}
#footer .foot_contact dt,
#footer .foot_contact dd {display:inline-block; vertical-align:top}
#footer .foot_contact dt {margin-right:20px; font-weight:bold;}
#footer .foot_contact a {display:block; width:134px; margin-top:14px;line-height:36px; border-radius:3px; font-size:14px; text-align:center; letter-spacing:-0.06em}
#footer .foot_contact a::before {width:19px; height:16px; margin:10px 3px 0 0; background-position:-80px -20px;}

/* table */
.wrap_tbl {border-top:2px solid #555;}
body .wrap_tbl.bd {border-bottom:1px solid #aaa !important}
.tbl_comm th,
.tbl_comm td {padding:15px 10px; line-height:1.4}
.tbl_comm tr + tr th,
.tbl_comm tr + tr td {border-top:1px solid #ddd;}
.tbl_comm thead th {background:#f5f5f5; border-bottom:1px solid #aaa}
.tbl_comm:not(.tac) tbody th {text-align:left;}
.tbl_comm tbody th span {display:block; font-weight:300; color:#555}
.tbl_comm tbody td {color:#444}

.tbl_comm.hasborder th,
.tbl_comm.hasborder td {border-left:1px solid #e5e5e5}
.tbl_comm.hasborder tr th:first-child,
.tbl_comm.hasborder tr td:first-child {border-left:none;}
.tbl_comm.hasborder tr td.notfirst {border-left:1px solid #e5e5e5}
.tbl_comm tfoot th,
.tbl_comm tfoot td {border-top:1px solid #aaa;}
.graybox .tbl_comm {background:#fff;}
.graybox .tbl_comm thead th {background:#e5f0f9;}
.tbl_comm .td_chk {width:20px; text-align:center}
.tbl_comm .td_chk label {vertical-align:top;}
.tbl_comm.multihd th {background:#e5f0f9}
.tbl_comm.multihd tr + tr th {border-color:#aaa}
.tbl_comm.multihd td:first-child {width:100px; vertical-align:top;}
.tbl_comm.multihd textarea {width:100%; height:160px;}

/* Slider */
.slick-slider {position:relative;}
.slick-slider .slick-arrow {position:absolute; z-index:9}
.slick-slider {display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; width:100%; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}

/* paging */
.paging {text-align:center; font-size:0;}
.paging * {display:inline-block; vertical-align:top;}
.paging > a {width:39px; height:39px; border:1px solid #ccc;}
.paging > a + a {border-left:none;}
.paging > a .ico_comm {height:9px; margin-top:15px; opacity:0.6}
.paging .prev .ico_comm,
.paging .next .ico_comm {width:6px;}
.paging .first .ico_comm,
.paging .last .ico_comm {width:10px;}
.paging .first .ico_comm {background-position:-40px -60px;}
.paging .prev .ico_comm {background-position:-60px -60px;}
.paging .next .ico_comm {background-position:-60px -70px;}
.paging .last .ico_comm {background-position:-40px -70px;}
.paging ul {margin:0 6px;}
.paging ul li {margin:0 3px;}
.paging ul a {width:41px; height:41px; line-height:41px; font-size:13px; letter-spacing:0; font-family:'arial'}
.paging ul a.bg {font-weight:bold}
.paging ul a:hover {background:#f7f7f7}
.foot_cont {position:relative; margin-top:60px;}
.foot_cont > .btn {position:absolute; top:0; right:0; line-height:39px; padding:0 12px;}
.foot_cont > .btn::before {width:19px; height:16px; margin:12px 5px 0 0; background-position:-140px 0px; opacity:0.8}

/* layer */
body.dimm::before {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); content:''; z-index:999}
.layer {position:fixed; top:50%; left:50%; background:#fff; border:1px solid rgba(0,0,0,0.15); box-shadow:0 0 12px rgba(0,0,0,0.5); z-index:9999}
.layerS {width:460px; margin-left:-230px}
.layerM {width:520px; margin-left:-260px}
.layerL {width:740px; margin-left:-370px;}

.layer .hd_layer {position:relative; border-bottom:1px solid #ccc; line-height:50px; font-weight:bold; font-size:18px; text-align:center;}
.layer .hd_layer .close {position:absolute; top:0; right:0; width:50px; height:50px;}
.layer .hd_layer .close .ico_comm {width:16px; height:16px; margin-top:17px; background-position:-80px -100px; }
.layer .desc {padding:25px 0; background:#f5f5f5; font-size:; text-align:center;}
.layer .cont {overflow-y:auto;}
.layerS .cont {padding:16px 20px;}
.layerM .cont,
.layerL .cont {padding:30px;}
.layer .slt {height:40px; border:1px solid #ccc}
.layer .inp {width:100%; height:40px; padding:5px;}
.layer .tbl_form th,
.layer .tbl_form td {padding:2px 10px}
.layer .tbl_form th {text-align:left;}
.layer .tbl_form em {display:inline-block; padding:0 5px;}
.layer .tbl_form em + .inp,
.layer .tbl_form em + .slt {margin-left:15px;}
.layer .foot_layer {padding:20px 10px; border-top:1px solid #ccc; text-align:center; font-size:0}
.layer .foot_layer > * {width:140px; font-size:16px;}
.layer .foot_layer > * + * {margin-left:6px;}
.layer .foot_layer .btn {line-height:38px;}
.layer .foot_layer .bg {line-height:40px;}
.layer .cont dt {font-weight:bold; line-height:40px;}
.layer .cont .dl_row {display:table; width:100%}
.layer .cont .dl_row dt,
.layer .cont .dl_row dd {display:table-cell; vertical-align:middle;}

.layer .cont > .fs14 {margin-bottom:18px;}
.layer .cont > .fs14 p {color:#777}
.layer .cont > .fs14 p + p {margin-top:4px;}
.layer .cont > .fs14 dl {margin-top:10px; padding:0; }
.layer .cont > .fs14 dt {display:inline-block; margin-right:3px; line-height:1.4}
.layer .cont > .fs14 dd {display:inline-block; letter-spacing:0}
.layerL .cont dl {padding:10px 0;}
.layerS .cont dl + dl {margin-top:4px;}
.layerM .cont dl + dl {margin-top:6px;}
.layerL .cont dl + dl {border-top:1px solid #e5e5e5}
.layer .cont dl.cate dt {line-height:34px;}
.layer .cont dl.cate .slt {width:calc(33.3333% - 5px)}
.layer .cont dl.cate .slt + .slt {margin-left:4px;}
.layer .cont dl.dl_row dd {font-size:0;}
.layer dl.dl_row dd * {font-size:16px;}
.layer .cont dl.dl_row dt {width:100px; vertical-align:top;}
.layer .btn_add {width:65px; line-height:38px; margin-left:2px; font-size:14px;}
.layer .btn_add::before {width:11px; height:11px; background-position:-40px -100px; margin:14px 4px 0 0}
.layer .list_selected {margin-top:8px; background:#f5f5f5; padding:14px 20px; font-size:14px;}
.layer .list_selected .item {line-height:23px;}
.layer .list_selected .item .btn_del {width:19px; height:19px; vertical-align:top; margin:2px 0 0 8px;}
.layer .list_selected .item .btn_del .ico_comm {width:11px; height:11px; margin-top:3px; background-position:-60px -100px; opacity:0.7}
.layer .list_selected .item + .item {margin-top:10px;}
.layer textarea.inp {height:160px;}
.layer .cont .inp.short {width:80px; margin-right:8px;}
.layer .cont .inp + em,
.layer .cont .slt + em {padding:0 5px;}
.layer .cont em + .inp,
.layer .cont em + .slt {margin-left:10px;}
.layer .cont .hasbtn {position:relative; padding-right:71px}
.layer .cont .hasbtn .btn {position:absolute; top:0; right:0; width:70px; height:40px; font-size:14px;}
.layer #datepicker {width:150px; border-right:none}
.layer #datepicker + label.btn {width:40px; height:40px; vertical-align:top; cursor:pointer;}
.layer #datepicker + label.btn .ico_comm {width:16px; height:16px; background-position:-110px -80px; margin-top:11px; opacity:0.6; cursor:pointer;}

/* datepicker */
.ui-datepicker {display:none; width:250px; background:#fff; border:1px solid #aaa; padding:5px 15px; font-size:14px; letter-spacing:0; border-radius:5px; padding-bottom:15px;}
.ui-datepicker-header {border-bottom:1px solid #ccc; border-radius:3px; text-align:center;}
.ui-datepicker-header > a {display:block; padding:15px; cursor:pointer}
.ui-datepicker-header .ui-icon {width:8px; height:14px; font-size:0; line-height:0; text-indent:-9999px}
.ui-datepicker-prev {float:left;}
.ui-datepicker-next {float:right}
.ui-datepicker-prev .ui-icon {float:left; background:url(../_img/ico_comm.png) -60px -80px no-repeat;}
.ui-datepicker-next .ui-icon {float:right; background:url(../_img/ico_comm.png) -50px -80px no-repeat}
.ui-datepicker-title {padding:12px 0}
.ui-datepicker-calendar {margin-top:10px;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {font-size:15px; text-align:center; width:14.28%; height:25px; vertical-align:middle}
.ui-datepicker-calendar th a,
.ui-datepicker-calendar td a {display:inline-block; width:26px; height:26px; color:#777; line-height:26px;}
.ui-datepicker-calendar td a.ui-state-highlight {color:#000; font-weight:bold; background:#dadfe7; border-radius:100%}
.ui-datepicker-calendar td a:hover {background:#eee; border-radius:100%}
.ui-datepicker-calendar td a.ui-state-active {color:#fff; background:#5076db; border-radius:100%; font-weight:bold}
.ui-datepicker-calendar th:first-child span,
.ui-datepicker-calendar td:first-child a {color:#e8002e;}
.ui-datepicker-calendar th+th+th+th+th+th+th span,
.ui-datepicker-calendar td+td+td+td+td+td+td a {color:#0080e2;}

/* 헬프데스크 관리 */
.help #contents:not(.user) {padding-top:70px}
.help #contents:not(.user)::before {display:none}
.help .help_tab {position:absolute; top:-50px; left:50%; width:1200px; margin-left:-600px;}
.help .help_tab ul {overflow:hidden;}
.help .help_tab ul li {float:left; width:33.3333%; width:calc(100%/3); box-sizing:border-box; border:1px solid #ddd; border-left:none; background:#f5f5f5; color:#888;}
.help .help_tab ul li:first-child {border-left:1px solid #ddd}
.help .help_tab ul li.fc {background:#fff; font-weight:bold; border-bottom:1px solid #fff}
.help .help_tab ul li a {display:block; line-height:48px; text-align:center; letter-spacing:0}
.help h3.aft_bg {font-size:28px;}
.help .cont_tit h3 span {display:block; font-size:16px;}
.help h3.aft_bg + .bd {border-left:none; border-right:none; padding:0}
.help .grayBox {padding:15px 0; text-align:center; background:#f5f5f5}
.help .grayBox .inp {width:300px;}
.help .cont + .wrap_btn {margin-top:50px; font-size:0;}
.help .cont + .wrap_btn > * {display:inline-block; min-width:130px; padding:0 12px; font-size:15px; box-sizing:border-box; text-align:center;}
.help .cont + .wrap_btn > * + * {margin-left:10px;}
.help .cont + .wrap_btn .btn {line-height:48px;}
.help .cont + .wrap_btn .bg {line-height:50px;}
.help .list {text-align:center;}
.help .list td:not(.tal) {letter-spacing:0}
.help .list td.nolist {height:300px;}
.help .notice .list td .btn {border-color:#555}
.help .qna .list td span.fc {font-weight:bold}
.help .qna .list td .btn {padding:0 10px; line-height:28px}
.help .qna .list td .btn::before {width:8px; height:8px; margin:10px 3px 0 0; background-position:-140px -20px}
.help .qna .list td .ans {display:inline-block; padding:0 10px; background:#eee; line-height:28px; font-size:14px;}
.help .qna .list td .ans.bg {font-weight:normal;}
.help .list td i {width:11px; height:14px; background-position:-120px 0; margin-top:4px;}
.help .view {border-top:2px solid #333; margin-top:45px;}
.help .view .hd_view {padding:20px 10px; overflow:hidden;}
.help .view .hd_view .tit {display:block; font-size:20px; }
.help .view .info_view {padding:10px; border-top:1px solid #ddd;}
.help .view .info_view dl {display:inline-block; line-height:1;}
.help .view .info_view dl + dl {margin-left:20px; padding-left:20px; border-left:1px solid #ccc}
.help .view .info_view dl.fr {border:none}
.help .view .info_view dt,
.help .view .info_view dd {display:inline-block;}
.help .view .info_view dt {margin-right:5px; font-weight:bold;}
.help .view .info_view dd {letter-spacing:0}
.help .view .info_view th,
.help .view .info_view td {padding:3px 0}
.help .view .info_view th {width:60px; text-align:left; padding-right:5px;}
.help .view .info_view td {letter-spacing:0}
.help .view .info_view td + th {padding-left:20px; }
.help .view .cont_view {min-height:300px; padding:20px 10px; border-top:1px solid #ccc; border-bottom:1px solid #ddd}
.help .qna .view .cont_view,
.help .qna .view .file_view {border-bottom:none;}
.help .qna .box_reply {padding-bottom:30px; border-bottom:1px solid #aaa}
.help .qna .box_reply .hd_reply {border:1px solid #ccc; padding:15px 20px; overflow:hidden;}
.help .qna .box_reply .hd_reply .opt_reply {float:right;}
.help .qna .view .box_reply .hd_reply dl {float:right; font-size:14px;}
.help .qna .view .box_reply .hd_reply dt,
.help .qna .view .box_reply .hd_reply dd {display:inline-block;}
.help .qna .view .box_reply .hd_reply dt {margin-right:5px; font-weight:bold}
.help .qna .view .box_reply .hd_reply dd + dt {margin-left:20px;}
.help .qna .view .box_reply .hd_reply dd {letter-spacing:0}
.help .qna .box_reply .cont_reply {padding:20px; border:1px solid #ccc; border-top:none; text-align:right;}
.help .qna .view .box_reply .cont_reply {text-align:left;}
.help .qna .box_reply .cont_reply .inp {height:150px; background:#f5f5f5; padding:10px; text-align:left;}
.help .qna .box_reply .cont_reply .bg {width:80px; height:40px; margin-top:8px; text-align:center}
.help .write {margin-top:40px}
.help .write .inp {height:40px; width:300px; background:#f5f5f5; vertical-align:middle;}
.help .write td span.auto {display:inline-block; margin-right:5px; border:1px solid #ddd; vertical-align:middle;}
.help .write .inp + .noti {margin-left:12px;}
.help .write .wrap_file .btn {line-height:38px; vertical-align:middle;}
.help .write + .wrap_btn .bg {font-weight:bold}
.help .write .enter {text-align:center;}
.help .write .enter .box {margin-top:30px; border:1px solid #ccc; padding:50px 0; font-size:0;}
.help .write .enter .box > * {font-size:16px; vertical-align:top}
.help .write .enter .box p {margin-bottom:20px; font-size:18px; line-height:1.5}
.help .write .enter .box .bg {display:inline-block; line-height:40px; width:80px; text-align:center; font-weight:400}
.help .view .file_view {padding:20px 10px; border-bottom:1px solid #aaa;}
.help .view .file_view dt,
.help .view .file_view dd {display:inline-block;}
.help .view .file_view dt {font-weight:bold; margin-right:10px;}
.help .view .file_view .btn {line-height:32px; padding:0 10px;}
.help .view .file_view .btn::before {margin:8px 5px 0 0}
.help .view .links {margin-top:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.help .view .links > div {padding:12px 10px;}
.help .view .links > div + div {border-top:1px solid #e5e5e5}
.help .view .links > div > * {display:inline-block;}
.help .view .links strong {margin-right:12px;}
.help .view .links a:hover {text-decoration:underline;}
.help .view .links .date {float:right; font-size:14px; letter-spacing:0}
.help .write .tbl_comm th {text-align:center}
.help .write textarea.inp {height:300px;}
.help .view .wrap_btn {text-align:left;}
.list_faq {border-top:2px solid #333}
.list_faq li {border-bottom:1px solid #ccc; cursor:pointer; text-align:left}
.list_faq li:last-child {border-bottom:1px solid #aaa}
.list_faq li i {display:block; float:left; width:26px; height:30px; margin-right:12px;}
.list_faq li i + * {overflow:hidden;}
.list_faq li .ico_after {position:absolute; top:50%; right:10px; font-size:14px; line-height:1; margin-top:-7px;}
.list_faq li .ico_after:after {width:9px; height:6px; background-position:-90px -40px; margin:4px 0 0 5px; opacity:0.7}
.list_faq li .q i {background:url(../_img/ico_q.png) 50% 50% no-repeat;}
.list_faq li .a i {background:url(../_img/ico_a.png) 50% 50% no-repeat;}
.list_faq li .q {position:relative; overflow:hidden; padding:30px 10px;}
.list_faq li .q p {font-size:18px; line-height:30px;}
.list_faq li .box_a {background:#f5f5f5; padding:20px;}
.list_faq li .a {display:none; padding:0 10px 30px}

.policy .help_tab ul li {width:50%}
.policy .cont {margin-top:40px;}
.policy .cont p.box {margin-bottom:30px; padding:30px; background:#f5f5f5}
.policy .cont div {padding-left:10px}
.policy .cont div + div {margin-top:20px;}
.policy .cont div p {margin-top:8px}
.policy .cont strong {display:block;}
.policy .cont strong.big {font-size:18px;}
.policy .cont strong.small {padding-top:8px;}