@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none;}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
ul, li { padding:0; margin:0;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
/*
#head_fix {position:fixed; top:0; z-index:999; width:100%; margin:0; padding:0;}
*/
#head_fix {width:100%; margin:0; padding:0;}
#hd {position:relative;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo { padding:15px 0; text-align:center}
#logo img{width:70%;max-width:190px}

#gnb_open {position:absolute;top:20px;left:15px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;
background:url('../img/mobile/btn_menu.jpg') top right  no-repeat;font-size:0;width: 25px; height: 25px; background-size: cover;}
#gnb {display:none;background:#282828;}
#gnb a {display:block;color:#efefef}
.gnb_1da {padding:10px;border-top:1px solid #191919}
.gnb_2dul {display:none;background:#383838}
.gnb_2da {padding:10px;border-top:1px solid #282828}
.gnb_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnb_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}


/* 모바일 추가함 : 2015-11-11 */
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}


/*
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
*/







#hd_sch_open {position:absolute;top:20px;right:15px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;
background:url('../img/mobile/btn_member.jpg') top right  no-repeat;font-size:0;width: 25px; height: 25px; background-size: cover;}
#hd_sch {display:none;background:#282828;}
#hd_sch a {display:block;color:#efefef; padding:10px;border-top:1px solid #191919}
#hd_sch a span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#hd_nb {clear:both;text-align:center; background:url('../img/mobile/tmenu_bg.gif') 50% 50% repeat-y; display:flex}
#hd_nb li {display:inline-block;flex: 1;}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding: 10px 0px;text-decoration:none;letter-spacing:-0.1em;color:#fff; font-size: 0.8em}
.bg_dblue {background-color:#2d3245; }

#hd_nb li:nth-child(2){flex:0.8}
#hd_nb li:nth-child(3){flex:1.2}
#hd_nb li:nth-child(4){flex:1.2}
#hd_nb li:nth-child(5){flex:0.7}

#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}

/* 중간 레이아웃 */
#wrapper {margin:0 0 3%;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;min-height:280px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}
.page_title{float:left;  margin:0 10px 0 0;  font-size: 20px;}
.page_nav{position:relative;float:left; margin-top:8px; margin-left: -15px;top:0}
.title_section{clear:both;margin-bottom:20px;  display: inline-block;}
.rolling{height:auto;max-height:400px}
#slides {width:100%;height:auto;max-height:400px}
.slidesjs-container{height:90px}
.slidesjs-control{overflow:hidden}
.slidesjs-control img{width:100%;height:auto}

.slidesjs-navigation { margin-top: 3px; }
.slidesjs-previous { margin-right: 5px; float: left; }
.slidesjs-next { margin-right: 5px; float: left; }
.slidesjs-pagination {position:absolute;top: 169px;left: 30px;z-index: 888;float: left;list-style: none;}
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url('../img/pagination.png');  background-repeat: no-repeat; background-position: 0 0; float: left; overflow: hidden; }
.slidesjs-pagination li a.active,  .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
.slidesjs-pagination li a:hover { background-position: 0 -26px }
.slidesjs-container{height:100%}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

.m_banner {width:94%; margin:3% auto;}
.m_banner .m_ban01 {width:45%; float:left; margin-right:2%;}
.m_banner .m_ban01 img {width:100%;}
.m_banner .m_banset {width:53%; float:left;}
.m_banset .m_ban02 {background:url(../img/mobile/m_ban02_bg.jpg) right bottom #e5e5e5 no-repeat ; background-size: 45%; width:100%; padding:7% 0}
.m_banset .m_ban02 h2 img {padding :0 7% 4%; width:60%}
.m_banset .m_ban02 p img {padding-left:7%; width:55%; padding-bottom:1%}
.m_banset .m_ban03  {background-color:#414440; padding:2% 0 6%; margin-top:3%;}
.m_banset .m_ban03 h2 img {width:32%;padding :0 0 4% 7%;}
.m_banset .m_ban03 h2 img.w50 {width:42%; vertical-align:middle}

.domainSr input::-webkit-input-placeholder { font-size:0.8em;}
.domainSr input[type='search']{height:15px;line-height:15px;border:none;padding: 0 5px;margin:0;width: 47%;box-sizing: border-box;   }
.domainSr input[type='submit'] {display: inline-block;font: 0/0 a;background: url('../img/mobile/m_ban03_search.jpg') center left no-repeat;background-size: 80%;border: 0 none;margin:0;padding:11px 15px;}
.domainSr img {width:20%; padding-left:5%;}

/* 하단 레이아웃 */
#ft {border-top:1px solid #dde4e9;}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

.btn-List{clear:both;text-align:center;background:#ffffff;display: inline-block;width:100%; overflow:hidden;}
.btn-List ul li{ margin-right:5px; }
.btn-List a{width:16.6%;  float: left;text-align:center;  height: 80px;border-right:1px solid #eeeff0;border-bottom:1px solid #eeeff0;position:relative; font-size:0.8em; letter-spacing:-1px; color:#636363; display:block; background-color:#FFFF33; box-sizing:border-box;}
.btn-List a.a01{background:url(../img/mobile/icon01.gif) center 30% no-repeat ; background-size: 36px;} 
.btn-List a.a02{background:url(../img/mobile/icon02.gif) center 30% no-repeat; background-size: 36px;} 
.btn-List a.a03{background:url(../img/mobile/icon03.gif) center 30% no-repeat; background-size: 36px;} 
.btn-List a.a04{background:url(../img/mobile/icon04.gif) center 30% no-repeat; background-size: 36px;} 
.btn-List a.a05{background:url(../img/mobile/icon05.gif) center 30% no-repeat; background-size: 36px;}
.btn-List a.a06{background:url(../img/mobile/icon06.gif) center 30% no-repeat; background-size: 36px;}
.btn-List a span{position:absolute;bottom:10px;font-weight:bold;  display: block; width: 100%; top:65%; left:0; text-align:center; padding:0 7%;  box-sizing:border-box}

.ft_cust { text-align:center; overflow:hidden }
.ft_cust ul li{float:left; width:49%; border-right:1px solid #F3F3F3; padding:4% 3%; box-sizing:border-box}
.ft_cust img {width:95%; padding-bottom:11%; }
.border_dotted {}
.bordernone{border:none;}
#ft_copy {line-height:2em; clear:both}
#ft_copy #ft_company {text-align:center; background-color:#2d3245; color:#ffffff}
#ft_copy #ft_company a {display:inline-block;padding:5px; font-size:0.9em}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

.ft_info {font-size:0.9em; color:#7d7d7d; line-height:150%; padding:3%; text-align:center} 
.ft_info strong {font-weight:normal;  color:#313131}
.ft_info .txt_gray {font-size:0.4em !important; color:#bcbbbb !important;}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:60px;height:30px;border:1px solid #e9e9e9}
#captcha #captcha_reload {margin:0;padding:0 5px;height:32px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:50px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
/*
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
*/
.tbl_head01 thead th {padding:12px 0;border-top:2px solid #a7a7a7;border-bottom:1px solid #a7a7a7;background:#f6f6f6;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em_p{padding:0 5px}
.rg_em{margin:5px 5px 10px;}
.rg_em table{width:100%;border-collapse:collapse}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}



#contents{margin:10px 0;font-size:12px;line-height:1.7; padding-top:3%; padding: 2%; box-sizing: border-box}
.contents h4:after,
.contents h4:before{clear:both}
.contents h4{font:1.3em 'nanumgothic';font-weight:bold;margin:25px 0 10px 10px;letter-spacing:-1px;color:#000;}
.contents h4 span{display:inline-block;margin-right:7px;height: 20px;width: 20px;text-align: center;border-radius:50px;background:#007CC3;color:#fff}
.h5type{background:url('../img/common/bul_h4.jpg') 0 0px no-repeat; background-size:18px; font-size:1.2em;color:#007CC3;padding-left: 20px; padding-top:1px;}
.contents h5{padding-left:20px;background:url('../img/common/bul_h4.jpg') 0 0px no-repeat;font:1.3em 'nanumgothic';font-weight:bold;margin:0px 0 10px 8px;letter-spacing:-1px;}
.contents p{margin: 0 10px 25px 10px;}
.contents ul,
.contents ol{margin:10px 10px 20px 20px;}
.contents ol{list-style-type:decimal;margin-left:10px}
.contents ul{list-style-type:disc}
.contents ol.box{background:#f2f2f2;padding:10px 10px 10px 40px;}
 ol.text02{padding-left:10px}
 .text02 li{margin: 0 0 15px 0}
table caption {font:0/0 a;}
table.tbl {border-collapse:collapse; border:1px solid #aaa;border-top: 2px solid #3a3a3a;margin-bottom:35px}
table.tbl th,
table.tbl td {padding:10px;border: 1px solid #d9d9d9;vertical-align:middle}
table.tbl thead th {background: #fdf7f1;}

table.tbl th{background:#f7f7f7;color:#333;font-weight:bold;text-align:center;font-size:13px;vertical-align : middle;}
.bg_b01{background:#fff !important}
.bg_b02{background:#C2E0F4 !important}
.bg_b03{background:#D8F4C2 !important}
.bg_b04{background:#F4E2C2 !important}
.bg_b05{background:#F4C2E8 !important}



p.img { margin:0 !important;}
p.img img {width:100%;}
/*FAQ*/
h4.faq{background:none;color:#000;font-weight:bold;font-size:14px;margin:0;padding:3px 0;letter-spacing:-1px}
h4.faq span{float:right;}
.faq_list {width:99%;border: 1px solid #d5d5d5;border-right:0;border-left:0;background: #fafafa;}
.faq_list dt {position:relative;padding: 8px 0 8px 17px;border-bottom: 1px dashed #d8d8d8;overflow:hidden;}
.faq_list dt a {line-height:19px;font-weight:bold;font-size:14px}
.faq_list dt a.on {font-weight:bold;}
.faq_list dt strong {display: block;float: left;width: 18px;color: #4B72C5;}
.faq_list dt p {float:left;width:90%;padding-left:7px;cursor:pointer;margin:0}
.faq_list dt .faq_btn {position:absolute;top:7px;right:7px;}
.faq_list dd {padding:17px 0 17px 17px;;line-height:19px;border-bottom:1px solid #d8d8d8;overflow:hidden;background:#fff}
.faq_list dd strong {display: block;float: left;width: 18px;color: #fc7100;}
.faq_list dd p {float:left;width:90%;padding-left:7px;}

/*
 * tab
 */
[class|='tab'] {display: inline-block;position:relative; margin-bottom:15px; margin-bottom:12px; margin-top:10px;}
[class|='tab']:after {content:''; display:block; clear:both;}
*+ html [class|='tab'] {display:inline-block;}
* html [class|='tab'] {display:inline-block;}
[class|='tab'] > div {float:left; border-bottom:1px solid #f2f2f2;}
[class|='tab'] i {display:none;}
[class|='tab'] a {font-weight:700; text-align:center; float:left; border:1px solid #c7c7c7; box-sizing:border-box; -moz-box-sizing:border-box;}
[class|='tab'] a:after {vertical-align:middle; content:''; display:inline-block; height:100%;}
[class|='tab'] a:hover {text-decoration:none;}
[class|='tab'] a > span {vertical-align:middle; display:inline-block; min-width:18%; padding-right:2px; padding-left:2px;}
[class|='tab'] i + a,
[class|='tab'] a + a {border-left-width:0;}
[class|='tab'] a.active {background-image:none;}
[class|='tab'] a.active > span {border-width:0; padding:1px 5px;}
[class|='tab'] a span small {display:block;}

/* arrow */
[class|='tab'][class*='arrow'] a.active {position:relative;}
[class|='tab'][class*='arrow'] a.active:before {content:''; position:absolute; left:50%; bottom:-5px; display:block; width:9px; height:5px; margin-left:-4.5px;}

/* line */
[class|='tab'][class*='line'] {border-bottom:1px solid #f2f2f2;}
[class|='tab'][class*='line'] div {float:none;height: 28px;}
[class|='tab'][class*='line'] div:after {content:''; display:block; clear:both;}
[class|='tab'][class*='line'] div, {display:inline-block;}

/* width */
[class|='tab'][class*='w100'] div {width:100%;
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-ms-box;
	-ms-flex-wrap:wrap;
	-ms-flex-pack:center;
	-ms-flex-direction:row;
}
[class|='tab'][class*='w100'] a {vertical-align:middle; text-align:center; padding-top:10px; padding-bottom:10px;
	-webkit-box-flex:1;

	-webkit-flex:1;
	flex:1;
	display:-ms-flexbox;
	display:-ms-box;
	-ms-flex:1;
	-ms-flex-wrap:wrap;
	-ms-flex-pack:center;
	-ms-flex-direction:row;
	align-items:center;
}
[class|='tab'][class*='w100'] a > span {vertical-align:middle; position:relative; display:inline-block; max-width:18%; min-width:0; height:auto; box-sizing:border-box; -moz-box-sizing:border-box;}
[class|='tab'][class*='w100'] a > span span {display:inline-block; line-height:1.6; vertical-align:middle;}
.lte-ie9 [class|='tab'][class*='w100'] div {display:table; table-layout:fixed; width:100%;}
.lte-ie9 [class|='tab'][class*='w100'] div:after {display:none;}
.lte-ie9 [class|='tab'][class*='w100'] a {display:table-cell; float:none;}

/* height */
[class|='tab'][class*='h37'] a {font-size:12px; height:28px;}
[class|='tab'][class*='h83'] a {font-size:12px;}

/* color */
[class|='tab'][class*='blue'] a {color:#222; background-repeat:repeat-x; background-position:0 100%; background-image:url('../images/etc/tab.bg.png');}
[class|='tab'][class*='blue'] a.active {color:#fff; border-color:#007cc3; background-color:#007cc3; background-image:none;}
[class|='tab'][class*='blue'][class*='line'] div {border-color:#797979;}
[class|='tab'][class*='blue'][class*='line'] a {margin-bottom:-1px; border-bottom-color:#666;}
[class|='tab'][class*='blue'][class*='line'] a.active {border-bottom-color:#007cc3;}
[class|='tab'][class*='blue'][class*='line'] a span {margin-bottom:1px; border-bottom-width:0;}
[class|='tab'][class*='gray'] a {color:#222;}
[class|='tab'][class*='gray'] a.active {color:#fff; border-color:#666; background-color:#666;}
[class|='tab'][class*='gray'][class*='line'] div {border-color:#666;}
[class|='tab'][class*='gray'][class*='line'] a {margin-bottom:-1px; border-bottom-color:#666;}
[class|='tab'][class*='gray'][class*='line'] a span {margin-bottom:1px; border-bottom-width:0;}

table.tbl {border-collapse:collapse; border:1px solid #aaa;border-top: 2px solid #3a3a3a;margin-bottom:35px}
table.tbl th,
table.tbl td {padding:2px;border: 1px solid #d9d9d9;vertical-align:middle}
table.tbl thead th {background: #fdf7f1;}

table.tbl th{background:#f7f7f7;color:#333;font-weight:bold;text-align:center;font-size:13px;vertical-align : middle;}
.bg_b01{background:#fff !important}
.bg_b02{background:#C2E0F4 !important}
.bg_b03{background:#D8F4C2 !important}
.bg_b04{background:#F4E2C2 !important}
.bg_b05{background:#F4C2E8 !important}

.text_c th {padding:0 !important}
.text_c td{text-align:center}
.text_left{text-align:left !important}
.mw20 {width:20% !important; margin-bottom:20px;}
.m_margin {text-align:center; margin:0; padding:0}
.m_margin img {width:24% !important;}

.question{width:50%;border-top:2px solid #bdbdbd;border-bottom:1px solid #bdbdbd;font-family:"NanumGothic",sans-serif; margin-bottom:20px;}
.question .qtit{text-align:left; margin:50px 0 10px 0;}
.question tr{border-top:1px solid #cdcdcd;}
.question tr:first-child{border-top:0;}
.question th{background:#f6f6f6; width:10%;text-align:center !important; font-size:12px; font-weight:bold;border-bottom:1px solid #d7d7d7; letter-spacing:-1px; padding:0 !important;}
.question td{text-align:left;width:35% background:#fff;color:#5c5c5c;font-size:12px !important;border-bottom:1px solid #d7d7d7; padding:5px !important;letter-spacing:-1px;}
.question input[type="text"],
.question select{color:#5c5c5c;line-height:12px;font-size:12px !important;font-family:"NanumGothic",sans-serif;background:#f6f6f6;vertical-align:middle;border:1px solid #cdcdcd;}
.question select{padding:0.9%;}
.question textarea{vertical-align:middle;border:1px solid #cdcdcd; width:99%; height:150px;background:#f6f6f6;}
.question label{margin-right:1%; font-size:1.0em;}
.question .button{margin-right:1%;line-height:12px;font-size:14px;font-family:"NanumGothic",sans-serif;background:#5e5e5e;vertical-align:middle;border:1px solid #5e5e5e;padding:1%; cursor:pointer;}
.question .button a{color:#fff;}
.question .add{margin-top:1%;}
.question .wid10{width:99%;}
.question .wid20{width:95% !important;}
.question .wid30{width:30%;}
.question .wid53{width:49%;}
.question .wid70{width:70%;}

.question2{width:100% !important;font-family:"NanumGothic",sans-serif;margin-left:0 !important; margin-top:20px;}
.question2 th{width:15% !important;text-align:center; font-size:12px !important; font-weight:bold; letter-spacing:-1px;}
.question2 td{text-align:left;color:#5c5c5c;font-size:12px !important;line-height:18px; padding:3px;}
.question2 input[type="text"],
.question2 select{color:#5c5c5c;line-height:12px;font-size:12px !important;font-family:"NanumGothic",sans-serif;background:#ffffff;vertical-align:middle;}
.question2 select{padding:0.9%;}
.question2 textarea{vertical-align:middle; width:99%; background:#ffffff;}
.question2 label{margin-right:1%;}
.question2 .button{margin-right:1%;line-height:12px;font-size:14px;font-family:"NanumGothic",sans-serif;background:#5e5e5e;vertical-align:middle;border:1px solid #5e5e5e;padding:1%; cursor:pointer;}
.question2 .button a{color:#fff;}
.question2 .add{margin-top:1%;}
.question2 .wid10{width:99%;}
.question2 .wid20{width:200px;}
.question2 .wid30{width:30%;}
.question2 .wid53{width:49%;}
.question2 .wid70{width:70%;}

.btnblue{margin-top:10px;}
.btnblue a{width:40% !important;margin:0 auto;display:block;padding:1% !important;;font-size:12px !important;color:#fff;border:1px solid #024586;border-radius:2em;background:#0054a6; text-align:center;letter-spacing:-0.5px; font-weight:bold;}
.btnblue a:hover{background:#fff;color:#024586;}

.btnblue2{ position:absolute !important; bottom:-35px; left:25%; width:50% !important;}
.btnblue2 a{ width:40% !important; margin:0 auto;display:block;padding: 4% 10% !important;font-size:12px !important;color:#fff;border:1px solid #024586;border-radius:0.8em;background:#0054a6; text-align:center;letter-spacing:-0.5px; font-weight:bold;}
.btnblue2 a:hover{background:#fff;color:#024586;}

.t_blue { color:#3a83c8;}
.map_c {float:left; width:100%;}
.if_map {float:left;}
.map_info {float:right;}

h4.priv_ta {padding:0 0 5px; margin:0;}
.priv_ag {padding-top:10px;}
.priv_t {padding:2% !important; width:95% !important; height:160px; border:1px solid #d4d4d4; background-color:#fafafa; }


.sangdam2_div {width:100% !important; height:258px; background-color:#ebebeb !important;}
.sangdam2_div img {display:none;}

.ban_ul {width:93%; margin:0 auto; margin-bottom:5%}
.ban_ul a img {padding-bottom:2%;}

.ssl_img img {width:30%; margin-right:2%; margin-bottom:2%;}

.ssl_ol {margin:0; padding:0; list-style-position:inside;}
.ssl_ol img {width:100%;}

#bankinfo table {border:0;}
#bankinfo table th, #bankinfo table td {border:0;}
.tbl{font-size:11px;}
.tbl tr th{font-size:11px;}
.tbl .btn-w01{font-size:10px; background: #666 url('/img/common/nextArrow.png') no-repeat right 50%; border-radius: 2px;border: 1px solid #555;color: #fff; padding:1px 2px; display:block; margin-bottom:3px; letter-spacing:-1px}

.btn-w02{background: #666 url('../img/common/nextArrow2.png') no-repeat right 50%; color:#fff !important}
.btn-w02,
.btn-r01{border-radius: 2px;border: 1px solid #555;height: 21px;color: #fff;padding: 0 20px 0 10px;position: relative;font-size: 11px;line-height: 21px;display: inline-block;margin: 1px;}

.contents .cation{padding:0 15px;}


/*new_pay*/
.text_c th{width:15%;}
.text_c input{border:1px solid #e4eaec; padding:2px; font-size:1.1em;}
.text_c td{padding:8px 8px; line-height:160%;}
.text_c .text_left{padding:5px 6px;}
.text_c .text_left  select{ border: 1px solid #a0a0a0;	border-radius:4px; height:25px; background-color:#E4E4E4}
.text_c .text_left .stitle{padding-bottom:5px; font-size:12px; letter-spacing:-0.5px}
#newpay .text_c p.slist ul li{list-style:none; color:#FF0066}

.pay_mobile td{border:1px solid #F2F2F2;}
.cancelbtn{background-color:#3366FF; color:#FFFFFF; width:90px; height:30px; text-align:center; line-height:30px; border:none; display:block}

.input_98 {width:98%;}




/*button*/
.btngroup {text-align:center; margin-top:20px;}
.btn_white {display:inline-block; width:80px; height:29px; background:#fff; border:1px solid #56a1da; border-radius:2px; text-align:center; color:#56a1da; font-size:12px; line-height:25px;}

.btn_blue {display:inline-block; width:154px; height:41px; line-height:40px; font-size:16px; border-radius:2px; font-weight:bold; text-align:center; color:#fff!important; background:#57a4ea;text-decoration: none;}
.btn_blue:hover {color:#fff!important; background:#2d3245;text-decoration: none;}
.btn_blue.v2 {display:inline-block; width:154px; height:41px; line-height:40px; font-size:16px; border-radius:2px; font-weight:bold; text-align:center; color:#fff; background:#4a9ad7 url("../images/ico_arrow4.png") 147px 13px no-repeat; background-size:9px 15px;}
.btn_blue.v3 {display:inline-block; width:100%; height:20px; line-height:20px; font-size:12px; border-radius:2px; font-weight:bold; text-align:center; color:#fff; background:#ff3300;}
.btn_blue.v4 {display:inline-block; width:50px; height:20px; line-height:20px; font-size:12px; border-radius:2px; font-weight:bold; text-align:center; color:#fff; background:#4a9ad7;}
.btn_gray {display:inline-block; width:154px; height:41px; line-height:40px; font-size:16px; border-radius:2px; font-weight:bold; text-align:center; color:#fff!important; background:#959595;text-decoration: none;}
.btn_gray:hover {color:#fff!important; background:#2d3245;text-decoration: none;}
.green .btn_blue {background:#2db400;}
.green .btn_blue.v2 {background:#2db400;}
.green .btn_blue.v3 {background:#2db400;}
.red .btn_blue {background:#ea0001;}
.red .btn_blue.v2 {background:#ea0001;}
.red .btn_blue.v3 {background:#ea0001;}
.purple .btn_blue {background:#6b2f92;}
.purple .btn_blue.v2 {background:#6b2f92;}
.purple .btn_blue.v3 {background:#6b2f92;}