@charset "utf-8";/* SIR 지운아빠 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face { font-family: 'Daum'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff') format('woff'); } 
@font-face { font-family: 'Daum'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff') format('woff'); } 
/* 초기화 */
html { overflow-y: scroll; } 
body { margin: 0; padding: 0; font-size: 12px; font-family: Arial, Verdana; } 
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; font-family: dotum}
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; margin: 0; padding: 0; 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-family: dotum; font-size: 1em}
button { cursor: pointer}
textarea, select { font-family: dotum; font-size: 1em}
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: #555555; text-decoration: none}
a:hover, a:focus, a:active { color: #555555; text-decoration: underline}
html { /* Prevent font scaling in landscape */
 -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
 -moz-text-size-adjust: none; /*Firefox*/
 -ms-text-size-adjust: none; /*Ie*/
 -o-text-size-adjust: none; /*old versions of Opera*/}
/* 팝업레이어 */
#hd_pop { z-index: 1000; position: relative; margin: 0 auto; width: 1150px; height: 0}
#hd_pop h2 { position: absolute; font-size: 0; 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}
/* 상단 레이아웃 */
#hd { min-width: 1430px; border-bottom: 1px solid #dddddd; background: #ffffff; } 
#hd_h1 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#hd_qnb { border-bottom: 1px solid #e6e9ed; zoom: 1; font-size: 11px; color: #dddddd; } 
#hd_qnb .hd_qnb { position: relative; margin: 0 auto; padding: 0 140px; width: 1150px; zoom: 1; z-index: 999; } 
#hd_qnb:after { display: block; visibility: hidden; clear: both; content: ""}
#hd_qnb h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#hd_qnb a { letter-spacing: 0; color: #555555; } 
#hd_qnb a img { display: block; width: 100%; height: auto; } 
#hd_qnb .div1 { float: left; padding: 8px 0; } 
#hd_qnb .div2 { float: right; padding: 8px 0; padding-right: 1px; } 
.555555 { color: #555555; } 
.ef3636 { color: #ef3636; } 
.color3c6cbb { color: #1b51ab; font-weight: 600; } 
#hd_wrapper { position: relative; margin: 0 auto; padding: 27px 140px 28px; width: 1150px; zoom: 1}
#hd_wrapper:after { display: block; visibility: hidden; clear: both; content: ""}
#logo { padding: 10px 0; margin-top: 14px; padding-left: 1px; } 
#hd_sch { float: left; } 
#hd_sch h3 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#hd_sch #sch_str { padding-left: 30px; width: 250px; height: 24px; border: 0; background: #fff; line-height: 1.9em !important; line-height: 1.6em}
#hd_sch #sch_submit { padding: 0 5px; width: 40px; height: 33px; border: 0; background: url('./images/search.png') no-repeat !important; color: #fff; cursor: pointer}
#tnb { position: relative; top: -5px; float: right; } 
#tnb h3 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#tnb ul { zoom: 1}
#tnb ul:after { display: block; visibility: hidden; clear: both; content: ""}
#tnb li { float: left}
#tnb a { display: inline-block; padding: 0 10px; height: 28px; color: #333; letter-spacing: -0.1em; line-height: 2.4em}
#tnb a:focus, #tnb a:hover { text-decoration: none}
/* 중간 레이아웃 */
#topnabi { min-width: 1150px; border-bottom: 3px solid #1b51ab; background: #ffffff; padding: 10px 140px 0 140px; } 
#topnabi .topnabi { z-index: 5; margin: 0px auto 0px auto; width: 1150px; zoom: 1; background: #ffffff; height: 40px; } 
#topnabi .topnabi .latest { margin: 0 0 0 50px; text-align: right; } 
#wrapper { clear: both; z-index: 5; margin: 15px auto 30px auto; width: 1150px; zoom: 1; /* border:1px solid #dddddd;; background:#ffffff; */
 padding: 0 140px; } 
#wrapper:after { display: block; visibility: hidden; clear: both; content: ""}
#wrapper_title { margin-bottom: 20px; font-size: 1.2em; font-weight: bold}
#wrapper0 { clear: both; z-index: 5; margin: 10px auto 30px auto; width: 1150px; zoom: 1; padding: 0 140px; } 
#wrapper0:after { display: block; visibility: hidden; clear: both; content: ""}
#wrapper01 { min-width: 1430px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: #F8F8F8; padding: 20px 0px 0 0px; } 
#wrapper2 { clear: both; z-index: 5; margin: 0px auto 0px auto; width: 1150px; zoom: 1; padding: 0 140px; } 
#wrapper2:after { display: block; visibility: hidden; clear: both; content: ""}
#wrapper02 { min-width: 1430px; border-top: 1px solid #DDDDDD; background: #F8F8F8; padding: 20px 0px 0 0px; } 
#container1 { position: relative; float: left; width: 1160px; height: auto !important; zoom: 1; } 
#container1:after { display: block; visibility: hidden; clear: both; content: ""}
#container0 { position: relative; width: 1090px; height: auto !important; zoom: 1; padding: 0; margin: 0 auto; } 
#container0:after { display: block; visibility: hidden; clear: both; content: ""}
/*#container0 { position:relative; float:left; width:1148px; height:auto !important; zoom:1; } 
#container0:after { display:block; visibility:hidden; clear:both; content:"" } */
#container { position: relative; float: left; width: 1090px; height: auto !important; zoom: 1; padding: 28px; background: #ffffff none repeat scroll 0 0; border: 1px solid #dddddd; } 
#container:after { display: block; visibility: hidden; clear: both; content: ""}
#mycontainer0 { position: relative; width: 1150px; height: auto !important; zoom: 1; background: #ffffff none repeat scroll 0 0; border: 1px solid #dddddd; } 
#mycontainer0:after { display: block; visibility: hidden; clear: both; content: ""}
#container_new { position: relative; width:100%; max-width: 1114px; height: auto !important; zoom: 1; padding: 0; margin: 0 auto; } 
/* aside wrapper */
#aside { float: left; margin: 0 0px 0 0; width: 180px; padding: 20px; } 
#aside ul { margin: 0; padding: 0; list-style: none}
#aside .myaside li { border: 1px solid #dddddd; border-top: 0px; padding: 10px; } 
#aside .myaside li img { padding: 0 5px 0 0; } 
#mycontainer { position: relative; float: left; width: 920px; height: auto !important; zoom: 1; } 
#mycontainer:after { display: block; visibility: hidden; clear: both; content: ""}
/* 텍스트 크기 조절 */
#text_size { display: none; position: absolute; top: -31px; left: -1px}
#text_size button { padding: 0 10px; height: 30px; border: 1px solid #cfded8; border-bottom: 0; background: #000; color: #fff; cursor: pointer}
/* 하단 레이아웃 */
#ft { clear: both; padding: 0 0 40px; min-width: 1430px; border-top: 1px solid #dddddd; color: #7a7a7a;; background: #ffffff; } 
#ft h1 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#ft .ft { position: relative; margin: 0 auto; padding: 0 0 0 0px; width: 1150px}
#ft_logo { position: absolute; top: 65px; right: 6px; } 
#ft .ft_link_wr { display:flex; justify-content:space-between; align-items:center; border-bottom: 3px solid #1b51ab;  }
#ft .ft_sns { padding:0 5px; }
#ft .ft_sns > a { padding:0 3px; }
#ft .ft_sns > a > img { opacity:0.48; }
#ft ul { display:inline-block; padding: 15px 0; zoom: 1; } 
#ft li { float: left; margin: 0 5px 0 0}
#ft a { text-decoration: none}
#ft p { margin: 0; padding: 10px 0; line-height: 1.8em}
#ft span { display: inline-block; margin: 0 15px 0 0}
#ft strong { display: inline-block; margin: 0 5px 0 0}
#ft .copyright { font-size: 11px; } 
#ft_totop { position: absolute; top: 20px; right: 0}
#ft #ftb { clear: both; min-width: 1150px; } 
#ft #ftb .ftb { position: relative; margin: 0 auto; padding: 0 0 0 0px; width: 1150px; height: 62px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } 
#ft .ftb img { margin: 0; padding: 0; } 
.fl { float: left; } 
.clearfix { clear: both; } 
/* 화면낭독기 사용자용 */
#hd_login_msg { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden}
.msg_sound_only, .sound_only { display: inline-block !important; position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0; border: 0 !important; overflow: hidden !important}
/* 본문 바로가기 */
#skip_to_container a { z-index: 100000; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden}
#skip_to_container a:focus, #skip_to_container a:active { width: 100%; height: 75px; background: #21272e; color: #fff; font-size: 2em; font-weight: bold; text-align: center; text-decoration: none; line-height: 3.3em}
/* 이미지 등비율 리사이징 */
.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 #captcha_img { width: 100px; height: 41px; border: 1px solid #e9e9e9}
#captcha #captcha_mp3 { position: absolute; top: 0; left: 101px;; margin: 0; padding: 0; width: 23px; height: 22px; border: 0; background: transparent; vertical-align: middle; overflow: hidden; cursor: pointer}
#captcha #captcha_mp3 span { position: absolute; top: 0; left: 0; width: 23px; height: 22px; background: url('../plugin/kcaptcha/img/sound.gif'); margin: 0 !important; } 
#captcha #captcha_reload { position: absolute; top: 21px; left: 101px; margin: 0; padding: 0; width: 23px; height: 22px; border: 0; background: transparent; vertical-align: middle; overflow: hidden; cursor: pointer}
#captcha #captcha_reload span { position: absolute; top: 0; left: 0; width: 23px; height: 22px; background: url('../plugin/kcaptcha/img/reload.gif'); margin: 0 !important; } 
#captcha #captcha_key { margin: 0 0 0 25px; padding: 0 5px; width: 70px; height: 41px; border: 1px solid #b8c9c2; background: #f7f7f7; font-size: 1.333em; font-weight: bold; text-align: center; line-height: 2.8em}
#captcha #captcha_info { display: block; margin: 5px 0 0; font-size: 0.95em; letter-spacing: -0.1em}
/* ckeditor 단축키 */
.cke_sc { margin: 0 0 5px; text-align: right}
.btn_cke_sc { display: inline-block; padding: 0 10px; height: 23px; border: 1px solid #ccc !important; background: #fafafa !important; color: #000 !important; text-decoration: none !important; line-height: 1.9em; vertical-align: middle}
.cke_sc_def { margin: 0 0 5px; padding: 10px; border: 1px solid #ccc; background: #f2f5f9; text-align: center}
.cke_sc_def dl { margin: 0 0 5px; text-align: left; zoom: 1}
.cke_sc_def dl:after { display: block; visibility: hidden; clear: both; content: ""}
.cke_sc_def dt, .cke_sc_def dd { float: left; margin: 0; padding: 5px 0; border-bottom: 1px solid #e9e9e9}
.cke_sc_def dt { width: 20%; font-weight: bold}
.cke_sc_def dd { width: 30%}
/* Mobile화면으로 */
#mobile_cng { display: block; margin: 0.3em; padding: 0.5em 0; border: 1px solid #eee; border-radius: 2em; background: #fff; color: #000; font-size: 2em; text-decoration: none; text-align: center}
/* 목록 바로가기 */
.sanchor { margin: 0 0 10px; padding: 0; zoom: 1}
.sanchor:after { display: block; visibility: hidden; clear: both; content: ""}
.sanchor li { float: left; margin-left: -1px; list-style: none}
.sanchor a { display: inline-block; border: 1px solid #e9e9e9; background: #f2f5f9; padding: 0 7px; height: 30px; text-decoration: none; line-height: 2.6em}
.sanchor a:focus, .sanchor a:hover { background: #626870; color: #fff; text-decoration: none}
.sanchor a.sanchor_on { background: #626870; color: #fff !important; text-decoration: none}
/* 콘텐츠별 스타일 */
.cnt_cmt { display: inline-block; margin: 0 0 0 3px; font-weight: bold}
/* 버튼 */
a.btn01 { display: inline-block; padding: 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: 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}
a.btn03 { display: inline-block; padding: 10px 20px; border: 1px solid #666; background: #666; color: #fff; text-decoration: none; vertical-align: middle}
a.btn03:focus, a.btn03:hover { text-decoration: none}
button.btn03 { display: inline-block; margin: 0; padding: 10px 20px; border: 1px solid #666; background: #666; color: #fff; text-decoration: none}
.btn_confirm { text-align: center}
/* 서식단계 진행 */
.btn_submit { padding: 8px; border: 0; background: #1b51ab; color: #fff; letter-spacing: -0.1em; cursor: pointer}
fieldset .btn_submit { padding: 0 7px; height: 24px; line-height: 1em}
a.btn_cancel { display: inline-block; padding: 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: 24px; border: 0; background: #333; color: #fff; letter-spacing: -0.1em; text-decoration: none; vertical-align: middle}
/* 우편번호검색버튼 등 */
a.btn_frmline { line-height: 24px}
button.btn_frmline { font-size: 1em}
.btn-wrap { width: 100%; text-align: center; margin-bottom: 50px; } 
/* 게시판용 버튼 */
a.btn_b01 { display: inline-block; padding: 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; padding: 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; padding: 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}
/* 선택수정 버튼 */
.btn_list { margin: 0 auto; width: 100%}
.btn_list input, .btn_list button { background: none repeat scroll 0 0 #617D46; border: 0 none; color: #FFFFFF; height: 28px; line-height: 2.2em; padding: 0 15px; vertical-align: middle}
/* 기본테이블 */
.tbl_wrap table { width: 100%; border-collapse: collapse; border-spacing: 0}
.tbl_wrap caption { padding: 10px 0; font-weight: bold; text-align: left}
.tbl_head01 { margin: 0 0 10px}
.tbl_head01 caption { padding: 0; font-size: 0; line-height: 0; overflow: hidden}
.tbl_head01 thead th { padding: 12px 0; border-top: 1px solid #828282; border-bottom: 1px solid #e2e2e2; background: #f7f7f7; color: #636363; 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, .tbl_head01 tfoot td { padding: 10px 0; border-top: 1px solid #c1d1d5; border-bottom: 1px solid #c1d1d5; background: #d7e0e2; text-align: center}
.tbl_head01 tbody th { padding: 8px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9}
.tbl_head01 td { padding: 8px 5px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; line-height: 1.5em; word-break: break-all}
.tbl_head01 a { } 
.tbl_head02 { margin: 0 0 10px}
.tbl_head02 caption { padding: 0; font-size: 0; line-height: 0; overflow: hidden}
.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, .tbl_head02 tfoot td { padding: 10px 0; border-top: 1px solid #c1d1d5; border-bottom: 1px solid #c1d1d5; background: #d7e0e2; 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_head02 a { } 
.sub3table { *margin: 0 0 10px; *border-top: 1px solid #e9e9e9; } 
.sub3table tbody th { padding: 8px 0; text-align: left; } 
.sub3table td { padding: 8px 5px; line-height: 1.5em; word-break: break-all; font-size: 12px !important; } 
.sub3table a { } 
/* 폼 테이블 */
.tbl_frm01 { margin: 0 0 20px}
.tbl_frm01 table { width: 100%; border-collapse: collapse; border-spacing: 0}
.tbl_frm01 th { width: 100px; padding: 7px 13px; border: 1px solid #e9e9e9; border-left: 0; background: #f7f7f7; text-align: left}
.tbl_frm01 td { padding: 7px 10px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: transparent}
.tbl_frm01 textarea, .frm_input { border: 1px solid #e4eaec; background: #f7f7f7; color: #000; vertical-align: middle; line-height: 2em}
.tbl_frm01 textarea { padding: 2px 2px 3px}
.frm_input { height: 22px}
.tbl_frm01 textarea { width: 98%; height: 100px}
.tbl_frm01 a { text-decoration: none}
.tbl_frm01 .frm_address { margin-top: 5px}
.tbl_frm01 .frm_file { display: block; margin-bottom: 5px}
.tbl_frm01 .frm_info { display: block; padding: 0 0 5px; line-height: 1.4em}
/* 자료 없는 목록 */
.empty_table { padding: 50px 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}
/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 { width: 40px}
.grid_2 { width: 90px}
.grid_3 { width: 140px}
.grid_4 { width: 190px}
.grid_5 { width: 240px}
.grid_6 { width: 290px}
.grid_7 { width: 340px}
.grid_8 { width: 390px}
.grid_9 { width: 440px}
.grid_10 { width: 490px}
.grid_11 { width: 540px}
.grid_12 { width: 590px}
.grid_13 { width: 640px}
.grid_14 { width: 690px}
.grid_15 { width: 740px}
.grid_16 { width: 790px}
.grid_17 { width: 840px}
.grid_18 { width: 890px}
/* 테이블 항목별 정의 */
.td_board { width: 120px; text-align: center}
.td_chk { width: 30px; text-align: center}
.td_date { width: 60px; text-align: center}
.td_datetime { width: 130px; text-align: center}
.td_default { width: 60px; text-align: center}
.td_dvr { width: 30px; text-align: center}
.td_group { width: 100px; text-align: center}
.td_imgsmall { width: 60px; text-align: center}
.td_num { width: 50px; text-align: center}
.td_numbig { width: 100px; text-align: center}
.td_nick { width: 100px; text-align: center}
.td_name { width: 100px; text-align: left}
.td_namesmall { width: 50px; text-align: left}
.td_mb_id { width: 100px; text-align: center}
.td_mng { width: 80px; text-align: center}
.td_mngsmall { width: 80px; text-align: center}
.td_statsmall { width: 50px; text-align: center}
/* 새창 기본 스타일 */
.new_win { } 
.new_win .tbl_wrap { margin: 0 20px}
.new_win #win_title { margin: 0 0 20px; padding: 20px; border-top: 3px solid #4e5d60; border-bottom: 1px solid #e9e9e9; background: #fff; font-size: 1.2em}
.new_win #win_title .sv { font-size: 0.75em; line-height: 1.2em}
.new_win .win_ul { margin: -20px 0 20px 0; padding: 0 20px; border-bottom: 1px solid #455255; background: #484848; list-style: none; zoom: 1}
.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 10px 8px; border-right: 1px solid #455255; border-left: 1px solid #455255; color: #fff; font-family: dotum; font-weight: bold; text-decoration: none}
.new_win .win_desc { margin: 0 20px}
.new_win .win_btn { clear: both; padding: 20px; text-align: center}
/* 새창용 */
.new_win .win_btn button { display: inline-block; padding: 0 10px; height: 30px; border: 0; background: #4b545e; color: #fff; line-height: 2em; cursor: pointer}
.new_win .win_btn input { padding: 0 10px; height: 30px; line-height: 2em}
.new_win .win_btn a { display: inline-block; padding: 0 10px; height: 30px; background: #4b545e; color: #fff; vertical-align: middle; line-height: 2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover { text-decoration: none}
/* 내용관리 */
#ctt { padding: 0 20px; } 
.ctt_admin { position: absolute; } 
#ctt header { padding-top: 50px; margin-bottom: 30px; } 
#ctt header h1 { display: inline-block; height: 30px; font-family: 'Malgun Gothic', serif; font-size: 30px; font-weight: 600; line-height: 30px; letter-spacing: 0; vertical-align: middle; color: #3364c4; } 
#ctt_con { padding: 0 20px 50px; } 
#ctt_con p.dd { margin-bottom: 62px; font-size: 14px; line-height: 22px; } 
#ctt_con .common-contitle { position: relative; padding-left: 15px; margin: 70px 0 30px !important; color: #333; font-size: 17px; font-weight: 700; } 
#ctt_con .common-contitle:before { content: ''; display: block; position: absolute; top: 5px; left: 0; width: 4px; height: 16px; background: #000; } 
#ctt_con .desc p { font-size: 14px; line-height: 22px; color: #666; word-break: keep-all; } 
#ctt_con .desc ul { padding-left: 20px; list-style: none; } 
#ctt_con .desc li { margin-top: 10px; font-size: 14px; line-height: 22px; color: #333; word-break: keep-all; } 
#ctt_con .desc li>p { padding-left: 10px; } 
#ctt_con .desc strong { font-weight: 700; color: #333; font-size: 14px; } 

.ctt_img { text-align: center}
/* 자바스크립트 alert 대안 */
#validation_check { margin: 100px auto; width: 500px}
#validation_check h1 { margin-bottom: 20px; font-size: 1.3em}
#validation_check p { margin-bottom: 20px; padding: 30px 20px; border: 1px solid #e9e9e9; background: #fff}
/* 사이드뷰 */
.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; background: #111}
.sv_wrap .sv a { display: inline-block !important; margin: 0 !important; padding: 3px !important; width: 94px; border-bottom: 1px solid #283646; color: #fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active { text-decoration: none !important}
.sv_on { display: block !important; position: absolute; top: 10px; left: 20px; width: auto; height: auto !important}
.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, .qa_page { 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, .qa_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}

.pg_wrap_new { display: block; text-align: center; margin: 20px auto; } 
a.pg_new_page, .pg_new_current { display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 15px; letter-spacing: -1px; color: #787878; margin: 0 12px; vertical-align: middle; } 
.pg_new_current { color: #000; } 
.pg_new_next, .pg_new_prev { width: 10px; overflow: hidden; text-indent: -999px; background: center / 7px 11px no-repeat; } 
.pg_new_next { background-image: url('/img/paging_new_right.png'); } 
.pg_new_prev { background-image: url('/img/paging_new_left.png'); } 
/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img { margin: 0 0 20px}
#sidx_img img { max-width: 100%; height: auto}
/* 마이페이지 */
#smb_my { } 
#smb_my_ov { margin: 0 0 20px}
#smb_my_ov h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#smb_my_act { margin: 0 0 10px;; zoom: 1}
#smb_my_act:after { display: block; visibility: hidden; clear: both; content: ""}
#smb_my_act ul { float: right; margin: 0; padding: 0; list-style: none}
#smb_my_act li { float: left; margin: 0 0 0 4px}
#smb_my_ov dl { margin: 0; border: 1px solid #e9e9e9; background: #f2f5f9; zoom: 1}
#smb_my_ov dl:after { display: block; visibility: hidden; clear: both; content: ''}
#smb_my_ov dt { float: left; padding: 7px 10px; width: 100px; border-bottom: 1px solid #e9e9e9; font-weight: bold}
#smb_my_ov dd { float: left; margin: 0; padding: 7px 10px; width: 220px; border-bottom: 1px solid #e9e9e9}
#smb_my_ovaddt { border-bottom: 0 !important}
#smb_my_ovaddd { width: 590px !important; border-bottom: 0 !important}
#smb_my_od { margin: 0 0 20px}
#smb_my_od h2 { margin: 0 0 10px}
#smb_my_wish h2 { margin: 0 0 10px}
.smb_my_more { text-align: right}
.smb_my_img { width: 90px; text-align: center}
/* 장바구니 */
#sod_bsk { } 
.sod_img { width: 90px; text-align: center}
.sod_opt { margin: 5px 0; border: 1px solid #e9e9e9; border-bottom: 0; background: #f2f5f9}
.sod_opt ul { margin: 0; padding: 0; list-style: none}
.sod_opt li { padding: 3px; border-bottom: 1px solid #e9e9e9}
.sod_option_btn .mod_options { margin: 0; padding: 3px 0; width: 100%; border: 0; background: #ff882a; color: #fff; cursor: pointer}
#sit_opt_added { margin: 0; padding: 0; border: 1px solid #e9e9e9; border-bottom: 0; background: #fff; list-style: none}
#sit_opt_added li { padding: 10px 20px; border-bottom: 1px solid #e9e9e9}
#sit_opt_added li div { margin: 5px 0 0; text-align: right}
#sit_opt_added button { margin: 0 0 0 1px}
#sod_bsk_list { position: relative}
#sod_bsk_list #mod_option_frm { z-index: 10000; position: absolute; top: 0; left: 99px; padding: 20px; width: 500px; height: auto !important; height: 500px; max-height: 500px; border: 1px solid #000; background: #f2f5f9; overflow-y: scroll; overflow-x: none}
#sod_bsk_tot { margin: 0 0 20px; padding: 10px; border: 1px solid #e9e9e9; background: #f2f5f9; zoom: 1}
#sod_bsk_tot:after { display: block; visibility: hidden; clear: both; content: ""}
#sod_bsk_tot dt, #sod_bsk_tot dd { float: left; padding: 12px 0; border-bottom: 1px solid #e9e9e9}
#sod_bsk_tot dt { padding-left: 2%; width: 48%; font-weight: bold}
#sod_bsk_tot dd { margin: 0; padding-right: 2%; width: 47%; text-align: right}
.sod_bsk_cnt { background: #1b51ab; color: #fff}
.sod_bsk_point { border-bottom: 0 !important}
#sod_bsk_act { text-align: center}
#sod_bsk_act p { margin: 0 0 10px}
/* 위시리스트 */
#sod_ws { padding-left: 20px; } 
.sod_ws_img { width: 90px; text-align: center}
#sod_ws_act { text-align: center}
/* 주문서 작성 */
.display_setup_message { margin: 0 0 10px; padding: 15px; border: 1px solid #fccdff; background: #ffeef9}
.display_setup_message strong { display: block; margin: 0 0 10px}
#sod_frm { } 
#sod_frm h2 { margin: 0 0 10px}
#sod_frm p { margin: 0 0 10px}
#sod_list { position: relative}
#sod_list #cp_frm { z-index: 10000; position: absolute; top: 0; left: 99px; padding: 20px; width: 500px; height: auto !important; height: 500px; max-height: 500px; border: 1px solid #000; background: #f2f5f9; overflow-y: scroll; overflow-x: none}
#sod_frm_orderer { margin: 20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon { display: inline-block; margin: 5px 0 0}
#sod_frm_same { margin: 0 0 10px}
#sod_frm #od_memo { height: 50px}
#sod_frm p#sod_frm_pt { margin: 10px 0 5px}
#sod_frm #sod_frm_pt_alert { margin: 0 0 10px}
#sod_frm #display_pay_process { text-align: center}
#sod_frm #display_pay_process span { display: block; margin: 5px 0 0}
#sod_frm_pay { position: relative}
#sod_frm_pay h2 { margin: 0 0 10px}
#sod_frm_pay .tbl_wrap th { width: auto !important; font-weight: bold; text-align: center !important}
#sod_frm_pay .tbl_wrap td { padding: 8px 5px 6px !important; border-top: 1px solid #e9e9e9 !important; border-bottom: 1px solid #e9e9e9 !important; line-height: 1.5em !important; word-break: break-all !important}
#sod_frm_pay_info { margin: 0 0 10px}
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm { z-index: 10000; position: absolute; top: 0; left: 99px; padding: 20px; width: 500px; height: auto !important; height: 500px; max-height: 500px; border: 1px solid #000; background: #f2f5f9; overflow-y: scroll}
#sod_frm_paysel { margin: 0 0 20px; padding: 10px; border: 1px solid #e9e9e9; background: #f2f5f9; text-align: center}
#sod_frm_paysel legend { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#sod_frm_paysel .KPAY { background: url('../../../img/kpay_logo.png') no-repeat; width: 37px; height: 15px; overflow: hidden; text-indent: -999px; display: inline-block; } 
#sod_frm_paysel .PAYNOW { background: url('../../../img/paynow_logo.png') no-repeat; width: 46px; height: 15px; overflow: hidden; text-indent: -999px; display: inline-block; } 
#sod_frm_paysel .PAYCO { background: url('../../../img/payco_logo.png') no-repeat 1px; width: 46px; height: 15px; overflow: hidden; text-indent: -999px; display: inline-block; } 
.kakaopay_icon { background: url('../img/kakao.png') no-repeat; height: 21px; width: 74px; display: inline-block; overflow: hidden; text-indent: -999px}
#settle_bank { margin: 10px 0 0}
#sod_frm_escrow { margin: 30px 0 0}
#display_pay_process { padding: 20px; text-align: center}
/* 배송지 목록 */
#sod_addr .td_mng button { margin: 0; padding: 0; border: 0; background: transparent}
/* 주문내역 */
#sod_v { } 
#sod_v .basic_tbl { text-align: center}
#sod_v_info { margin: 0 0 10px}
/* 주문상세내역 */
#sod_fin { } 
#sod_fin_no { margin: 0 0 20px}
#sod_sts_wrap { margin: 0 0 10px; text-align: right}
#sod_sts_explan { display: none}
#sod_fin_legend { padding: 7px 5px 0; border: 1px solid #e9e9e9; text-align: left; zoom: 1}
#sod_fin_legend:after { display: block; visibility: hidden; clear: both; content: ''}
#sod_fin_legend dt { clear: both; float: left; margin: 0 0 5px; width: 50px; font-weight: bold}
#sod_fin_legend dd { float: left; margin: 0}
#sod_fin #sod_bsk_tot { border-bottom: 0 !important}
#request_form { position: relative}
#request_form div { display: none; z-index: 10000; position: absolute; top: 23px; left: 0; padding: 20px 0; width: 520px; border: 1px solid #000; background: #f2f5f9; text-align: center}
#request_form .frm_input { width: 300px; background: #fff !important}
#request_form .btn_frmline, #request_form .btn_cancel { vertical-align: middle !important}
#request_form .btn_frmline { padding: 0 10px; line-height: 1.6em}
#sod_req_btn { margin: 0 0 10px}
#sod_req_btn button { background: #626870}
#sod_req_log { margin: 0 0 20px}
#sod_req_log ul { margin: 0; padding: 0; border-top: 1px solid #e9e9e9; background: #f2f5f9; list-style: none}
#sod_req_log li { padding: 10px 10px 20px; border: 1px solid #e9e9e9; border-top: 0}
#sod_req_log h3 { margin: 20px 0 10px}
.sod_req_log_view table { margin: 0}
.sod_req_log_view caption { padding: 10px 0; font-size: 1em; font-weight: bold; text-align: left; line-height: 1em}
.sod_req_log_view caption span { color: #1b51ab}
.sod_req_log_view th { border-top: 1px solid #e9e9e9; background: #f7f7f7 !important; color: #000 !important; text-align: center}
.sod_req_log_view td { background: #fff; color: #000}
.sod_req_log_view p { padding: 10px 15px; border-bottom: 1px solid #e9e9e9; background: #fff; color: #000}
.sod_req_log_view .sod_req_it { width: 270px}
.sod_req_log_view button { margin: 0; padding: 0; border: 0; background: transparent; color: #1b51ab; text-decoration: underline; vertical-align: middle; cursor: pointer}
#sod_fin_list h2 { margin: 0 0 10px}
#sod_fin_list td { height: 30px}
#sod_fin_view { border: 1px solid #e9e9e9}
#sod_fin_view h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#sod_fin_view h3 { margin: 0 0 10px}
#sod_fin_view .basic_tbl th { padding: 0 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f2f5f9; text-align: left}
#sod_fin_pay { padding: 10px; border-bottom: 1px solid #e9e9e9}
#sod_fin_orderer { padding: 10px; border-bottom: 1px solid #e9e9e9}
#sod_fin_receiver { padding: 10px; border-bottom: 1px solid #e9e9e9}
#sod_fin_dvr { padding: 10px}
#sod_fin_dvr .dvr_link { color: #1b51ab; text-decoration: underline}
#sod_fin_tot { margin: 0 0 30px; padding: 10px; border: 1px solid #e9e9e9; border-top: 0; background: #565e60; color: #fff}
#sod_fin_tot h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#sod_fin_tot ul { margin: 0; padding: 0; list-style: none}
#sod_fin_tot li { padding: 10px; border-bottom: 1px solid #6f7a7d; zoom: 1}
#sod_fin_tot li:after { display: block; visibility: hidden; clear: both; content: ""}
#sod_fin_tot #alrdy { border-bottom: 0 !important}
#sod_fin_tot strong { float: right}
#sod_fin_cancel { text-align: center}
#sod_fin_cancel h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#sod_fin_cancel button { padding: 10px; border: 0; background: #ff3600; color: #fff}
#sod_fin_cancelfrm { display: none; margin: 10px 0 0}
#sod_fin_cancelfrm .frm_input { background: #fff}
#sod_fin_test { padding: 10px}
/* 주문상세내역 중 현금영수증 발급 */
#scash { } 
#scash section { padding: 10px 0}
#scash h2 { margin: 0 0 10px; text-align: center}
#scash .basic_tbl th { padding: 0 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f2f5f9; text-align: left}
#scash_apply { padding: 10px 0 20px; text-align: center}
#scash_apply button { padding: 10px; border: 0; background: #565e60; color: #fff}
#scash_copy { text-align: center}
/* 공지사항 및 커뮤니티 새글 */
#sidx_lat { padding: 15px 0 0; border-top: 1px solid #ddd}
#sidx_lat h2 { text-align: center}
/* 배너 인덱스 출력 */
#sbn_idx { } 
/* 상품검색 */
#ssch_frm { padding: 20px; border: 1px solid #e9e9e9; background: #f2f5f9; zoom: 1}
#ssch_frm:after { display: block; visibility: hidden; clear: both; content: ""}
#ssch_frm div { margin: 0 0 5px}
#ssch_frm strong, #ssch_frm .ssch_lbl { display: inline-block; width: 100px; font-weight: bold}
#ssch_frm .frm_input { background: #fff}
#ssch_frm .btn_submit { padding: 0 8px; height: 24px}
#ssch_frm p { padding: 10px 0; border-top: 1px solid #e9e9e9; line-height: 1.5em}
#ssch_frm #ssch_sort { float: left; margin: 0; padding: 0; list-style: none; zoom: 1}
#ssch_frm #ssch_sort:after { display: block; visibility: hidden; clear: both; content: ""}
#ssch_frm #ssch_sort li { float: left; margin: 0 1px 0 0}
#ssch_frm #ssch_ov { float: right}
#ssch_cate { } 
#ssch_cate ul { margin: 10px 0; padding: 10px 20px 20px; border-bottom: 1px solid #e9e9e9; list-style: none; zoom: 1}
#ssch_cate ul:after { display: block; visibility: hidden; clear: both; content: ""}
#ssch_cate li { float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #e9e9e9}
#ssch_cate a { } 
#ssch_cate a span { font-weight: bold}
/* 쇼핑몰 이벤트 */
#sev { } 
.sev_admin { margin: 0 0 10px; text-align: right}
/* 쿠폰 */
#coupon .td_numbig { width: 150px}
#coupon .td_datetime { width: 180px}
/* 모바일일때 피시버전 주문폼*/
.sod_list { position: relative; margin: 0; padding: 0; list-style: none}
.sod_list .sod_li { position: relative; padding: 0; border: 1px solid #e9e9e9; margin: 10px 0}
.sod_list .sod_li:after { display: block; visibility: hidden; clear: both; content: ""}
.sod_list .li_chk { position: absolute; top: 10px; left: 10px; } 
.sod_list .li_name { min-height: 130px}
.sod_list .li_name a, .sod_list .li_name strong { display: block; padding: 0 10px 0 25px; border-bottom: 1px solid #e9e9e9; height: 35px; line-height: 35px}
.sod_list .li_name strong { padding-left: 10px}
.sod_list .total_img { position: absolute; top: 45px; left: 10px; } 
.sod_list .sod_opt { padding: 10px 10px 5px; margin-left: 90px; color: #9e9e9e; font-size: 0.93em; background: none; border: none}
.sod_list .sod_opt li { margin-bottom: 3px; border: none}
.sod_list .li_cp { position: relative}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn { margin: 0; padding: 5px 8px; border: 0; background: #000; color: #fff; font-size: 0.93em}
.sod_list .li_cp .cp_cancel, .odf_tbl #od_coupon_cancel, .odf_tbl #sc_coupon_cancel { border: 1px solid #999; color: #777; background: #fafafa; margin-left: 3px; padding: 4px 5px}
.sod_list .li_prqty { margin: 10px; } 
.sod_list .li_prqty:after { display: block; visibility: hidden; clear: both; content: ""}
.sod_list .li_prqty .li_prqty_sp { width: 33%; display: inline-block; float: left; text-align: center; line-height: 2.2em; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #e9e9e9; color: #9e9e9e; font-size: 0.93em; margin-left: -1px}
.sod_list .li_prqty .prqty_price { border-left: 1px solid #d3d3d3; } 
.sod_list .li_prqty .prqty_sc { border-right: 1px solid #d3d3d3; } 
.sod_list .li_prqty .li_prqty_sp span { display: block; background: #f2f2f2; } 
.sod_list .li_total { position: relative; border-top: 1px solid #e9e9e9; margin: 10px 10px 0; } 
.sod_list .total_span { display: block; position: relative; padding: 5px 0; text-align: right; color: #343434}
.sod_list .total_span span { position: absolute; top: 5px; left: 0}
.sod_list .total_span strong { font-size: 1.2em}
#sod_frm { } 
#sod_frm section { margin-bottom: 10px}
#sod_frm p#sod_frm_pt_alert { margin: 20px 0; text-align: center}
#sod_bsk_list #mod_option_frm .sit_ov_tbl { background: #ededed; margin-top: 5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th, #sod_bsk_list #mod_option_frm .sit_ov_tbl td { border: none; padding-left: 5px; font-weight: normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th { width: 90px}
#cp_frm { height: auto; max-height: 10000px !important; position: absolute; top: 0; left: 0; width: 70%; background: #fff; padding: 20px; border: 1px solid #000; z-index: 9999}
#sod_frm_deli { position: relative; line-height: 2em}
#sod_frm_deli #order_address { display: block;; width: 100px; background: #333; color: #fff; text-align: center}
#sod_frm_orderer { margin: 15px 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon { display: inline-block; margin: 5px 0 0}
#sod_frm .odf_tbl table { width: 100%; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-collapse: collapse}
#sod_frm .odf_tbl table tbody td, #sod_frm .odf_tbl table tbody th {; border-bottom: 1px solid #e9e9e9; padding: 5px 0px 5px 10px; text-align: left; line-height: 26px; position: relative; } 
#sod_frm .odf_tbl table th { width: 90px; color: #343434; font-weight: normal; letter-spacing: -0.1em}
#sod_frm .odf_tbl table .frm_input { background-color: #fff !important; height: 24px; line-height: 24px; text-indent: 5px}
#sod_frm .odf_tbl table .frm_address { margin-top: 5px}
#sod_frm .odf_tbl button.btn_frmline { font-size: 0.92em; padding: 0 8px; height: 26px; line-height: 26px}
#sod_frm .odf_tbl textarea { width: 99%; border: 1px solid #e4eaec; } 
#sod_frm_same { margin: 0 0 10px}
#sod_frm_pay { position: relative}
#sod_frm_pay .tbl_head01 caption { font-size: 0; line-height: 0; overflow: hidden}
#sod_frm_pay .tbl_head01 th { width: auto !important; font-weight: bold; text-align: center !important}
#sod_frm_pay .tbl_head01 td { border-top: 1px solid #e9e9e9 !important; border-bottom: 1px solid #e9e9e9 !important; line-height: 1.5em !important; word-break: break-all !important}
html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm { height: auto; max-height: 10000px !important}
/* overflow 미지원 기기 대응 */
#sod_frm_pay_info { margin: 0 0 10px}
#sod_frm_paysel { margin: 10px 0; padding: 10px; background: #f2f2f2; border: 1px solid #e0e0e0}
#sod_frm_paysel ul { margin: 0; padding: 0; } 
#sod_frm_paysel ul:after { display: block; visibility: hidden; clear: both; content: ""}
#sod_frm_paysel li { float: left; padding: 5px 2%; width: 46%; height: 21px; text-align: left; list-style: none}
.maintext { float: left; height: 108px; border: 1px solid #dddddd; margin: 0 -2px 20px 0; } 
.maintext .ul { margin: 12px 10px 0px 0px; padding: 0; list-style: none; } 
.maintext .firth { padding: 0 20px; width: 338px; float: left; border-right: 1px solid #dddddd; } 
.maintext .last { padding: 0 10px 0 20px; width: 338px; float: left; border-left: 1px solid #dddddd; margin: 0 0 0 -1px; } 
.h10 { height: 10px; } 
.h20 { height: 20px; } 
.h30 { height: 30px; } 
.h35 { height: 35px; } 
.h40 { height: 40px; } 
.h50 { height: 50px; } 
.h380 { height: 380px; } 
.mainitemleft { float: left; width: 49%; margin: 0 2% 0 0; } 
.mainitemright { float: left; width: 49%; } 
.text-center { text-align: center; } 
.text-right { text-align: right; } 
/* 관리페이지 */
.anchor { margin: 0 20px 10px 21px; padding: 0; zoom: 1}
.anchor:after { display: block; visibility: hidden; clear: both; content: ""}
.anchor li { float: left; margin-left: -1px; list-style: none}
.anchor a { display: inline-block; padding: 5px 10px; border: 1px solid #c8ced1; background: #d6dde1; text-decoration: none}
.anchor a:focus, .anchor a:hover { background: #c8d2d8}
.btn_confirm01 { clear: both; text-align: center}
.btn_confirm01 button { padding: 0 15px; height: 30px; border: 0; background: #617d46; color: #fff}
.btn_confirm01 a { display: inline-block; padding: 0 15px; height: 30px; background: #617d46; color: #fff; text-decoration: none; line-height: 2.5em; vertical-align: middle}
.btn_confirm01 a:focus { background: #555}
.btn_confirm02 { clear: both; margin-top: 10px; text-align: center}
.btn_confirm02 button { padding: 0 15px; height: 30px; border: 0; background: #617d46; color: #fff}
.btn_confirm02 a { display: inline-block; padding: 0 15px; height: 30px; background: #617d46; color: #fff; text-decoration: none; line-height: 2.5em; vertical-align: middle}
.btn_confirm02 a:focus { background: #555}
.btn_add { margin: 0 0 10px 0}
/* 목록용 추가 */
.btn_add01 { text-align: right}
.btn_add01 a, .btn_add01 button { padding: 10px; border: 1px solid #ccc; background: #f0f0f0; text-decoration: none; cursor: pointer}
.btn_add01 a { display: inline-block; vertical-align: middle}
.btn_add01 button { margin: 0}
/* 페이지 내 검색 */
.local_sch { min-width: 820px}
.local_sch .btn_submit { padding: 0 5px; height: 24px; border: 0; color: #fff; font-size: 0.95em; vertical-align: middle; cursor: pointer}
.local_sch01 { margin: 0 0 10px; padding: 0 20px 10px 0; border-bottom: 1px solid #e9e9e9}
.local_sch01 span { display: block; margin: 0 0 5px}
.local_sch02 { margin: 0 0 10px; padding: 0 20px 5px; border-bottom: 1px solid #e9e9e9}
.local_sch02 div { padding: 0 0 5px; margin: 0 0 5px; border-bottom: 1px solid #f4f4f4}
.local_sch02 div.sch_last { margin: 0; border: 0}
.local_sch02 strong { display: inline-block; width: 80px}
.local_sch02 strong.sch_long { width: 160px}
.local_sch02 label { display: inline-block; margin: 0 5px 0 0}
.local_sch02 button { margin: 0; padding: 5px; border: 1px solid #ced9de; background: #f6f9fa; font-size: 0.95em; vertical-align: middle; cursor: pointer}
/* 페이지 내 실행 */
.local_cmd { min-width: 820px}
.local_cmd01 { margin: 0 0 10px; padding: 0 20px}
.local_cmd01 .cmd_tit { font-weight: bold}
.local_cmd01 .btn_submit { padding: 3px 5px; border: 1px solid #ff3061; color: #fff; font-size: 0.95em; vertical-align: middle}
/* 페이지 내 안내문 */
.local_desc { } 
.local_desc ol, .local_desc ul { margin: 0; padding: 0 0 10px 21px}
.local_desc li { margin: 0 0 5px}
.local_desc01 { margin: 0 20px 10px; padding: 10px 20px; min-width: 920px; border: 1px solid #f2f2f2; background: #f9f9f9}
.local_desc01 strong { color: #ff3061}
.local_desc01 a { text-decoration: underline}
.local_desc02 { margin: 0 20px 10px; min-width: 820px}
/* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p { padding: 0; line-height: 1.8em}
/* 페이지 내 카운트 */
.local_ov { min-width: 820px}
.local_ov01 { position: relative; margin: 0px 0 10px; padding: 10px 20px; border-bottom: 1px solid #e9e9e9; background: #f2f5f9}
.local_ov01 .ov_listall { display: inline-block; margin: 0 5px 0 0; padding: 0 10px 0 0; border-right: 1px solid #ccc}
.local_ov01 .ov_a { display: inline-block; margin: 0 0 0 5px; padding: 0 0 0 10px; border-left: 1px solid #ccc; color: #ff3061}
.servicecenter { border: 1px solid #dddddd; padding: 28px; } 
.servicecenter .serviceleft { float: left; } 
.servicecenter .serviceright { float: right; } 
.servicecenter .serviceright ul { padding: 0; margin: 0; list-style: none; } 
.servicecenter .serviceright ul li { float: left; padding: 0; margin: 0; } 
.servicecenter>img { width: 100%; } 
.boardcenter ul { padding: 0; margin: 0; list-style: none; } 
.boardcenter ul li { float: left; padding: 0; margin: 0; } 
#txt { color: #ddd; font-size: 11px; width: 400px; height: 14px; overflow: hidden; margin: 0 0 0 230px; } 
.pointer { cursor: pointer; } 
/*INDEX 추가*/
.anne_cont { position: absolute; background: #fff; border: 1px solid #5a5a5c; padding: 20px; width: 350px; right: 12px; display: none; } 
.anne_cont h3 { border-bottom: 2px solid #333; font-size: 18px; line-height: 30px; } 
.anne_cont p { padding: 10px 20px; font-size: 14px; } 
.anne_cont2 { position: absolute; background: #fff; border: 1px solid #5a5a5c; padding: 20px; width: 350px; right: 0px; display: none; } 
.anne_cont2 h3 { border-bottom: 2px solid #333; font-size: 18px; line-height: 30px; } 
.anne_cont2 p { padding: 10px 20px; font-size: 14px; } 
.anne_cont .discrip, .anne_cont2 .discrip { width: 310px; float: left; padding: 0 20px; padding-bottom: 10px; border-bottom: 2px solid #6f6f71; font-size: 12px; color: #7c7c7c; } 
.red, .red:before { color: #ff0000 !important; } 
.font700 { font-weight: 700; } 
.text-right { float: right; font-size: 12px; color: #000; padding-top: 15px; font-weight: 700; text-align: right; } 
/*RENEWAL*/
.renewal { background: #fff; overflow: hidden; } 
.renewal #hd { background: transparent; border: 0; } 
.renewal .top_ban { position: relative; width: 1148px; margin: 0 auto; display: none; } 
.renewal .top_ban .close { position: absolute; top: 0; left: -19px; width: 20px; height: 20px; *border: 1px solid #dedede; cursor: pointer; font-size: 12px; color: #878787; text-align: center; font-family: "Gulim"; font-weight: bold; } 
.renewal .top_ban .roll { float: left; height: 132px; } 
.renewal .top_ban #topslider_container, .renewal .top_ban #topslider_container1, .renewal .top_ban #topslider_container2 { border: 1px solid #dedede; display: inline-block; } 
.renewal .top_ban .ran { float: right; } 
.renewal .top_ban .ran li { margin: 0; margin-left: 16px; } 
.renewal #stv3 { left: -148px; } 
.renewal #stv4 { right: -146px; } 
.renewal #hd_qnb { clear: both; border-top: 1px solid #e4e4e4; border-bottom: 0; } 
.renewal .top { position: relative; display: flex; align-items: center; padding: 13px 0 0; } 
.renewal .top>div { vertical-align: middle; } 
.renewal #hd_sch { border: 3px solid #4d78c1; margin-left: 22px; } 
.renewal #hd_sch #sch_str { padding-left: 15px; width: 255px; height: 44px; border: 0; background: #fff; line-height: 44px !important; font-size: 18px; font-weight: bold; letter-spacing: -1px; outline: none; } 
.renewal #hd_sch #sch_str::placeholder { font-size: 14px; color: #aaaaaa; } 
.renewal #hd_sch #sch_submit { width: 45px; height: 34px; border: 0; background: url("../img/renewal/icon_search.png") 66% center no-repeat !important; color: #fff; cursor: pointer; } 
.renewal #hd_com { border: 3px solid #4d78c1; position: absolute; top: 61%; left: 634px; transform: translateY(-50%); margin: 0; background: #fff; } 
.renewal #hd_com p { font-size: 14px; font-weight: bold; color: #aaaaaa; padding: 8px 0 8px 10px; width: 130px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; cursor: pointer; } 
.renewal #hd_com input[type="submit"] { width: 34px; height: 34px; border: 0; background: url("../img/renewal/icon_search.png") 43% center no-repeat !important; color: #fff; cursor: pointer; } 
.renewal #hd_com ul { display: none; position: absolute; top: 34px; left: -3px; width: 100%; background: #fff; border: 3px solid #4d78c1; border-top: 0; z-index: 1; max-height: 175px; overflow-y: scroll; } 
.renewal #hd_com li { font-size: 13px; font-weight: bold; color: #aaaaaa; padding: 5px 0 5px 10px; cursor: pointer; width: 80%; } 
.renewal .member { font-size: 12px; font-family: "Dotum", sans-serif; float: right; padding-top: 0; text-align: right; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } 
.renewal .member a { display: inline-block; text-decoration: none; } 
.renewal .member a:after { content: ""; width: 1px; height: 11px; background: #e5e5e5; display: inline-block; vertical-align: -1px; margin: 0 5px 0 7px; } 
.renewal .member a:last-child:after { content: ""; display: none; } 
.renewal .mid_wrp { margin-top: 12px; } 
.renewal .bn { float: left; width: 484px; height: 110px; margin-left: 46px; overflow: hidden; } 
.renewal .bn .swiper-container { width:100%; }
.renewal .bn li { width: 100%; margin: 0; } 
.renewal .q_bb { position: absolute; right: -145px; margin-top: 13px; text-align: right; white-space: nowrap; } 
.renewal .q_bb a { display: inline-block; text-align: center; vertical-align: bottom; margin-left: 18px; } 
.renewal .q_bb a:nth-child(2) { margin-left: 34px; } 
.renewal .q_bb a img { display: inline-block !important; width: auto !important; } 
.renewal .q_bb a p { letter-spacing: -0.7px; font-weight: 700; } 
.renewal #wrapper { width: 100%; margin: 0; padding: 0; min-width: 1430px; margin: 10px auto 30px auto; } 
.renewal #wrapper #container { background: transparent; float: none; width: 1150px; margin: 0 auto; padding: 0; border: 0; padding: 0 140px; } 
.renewal #wrapper.second { background: #f8f8f8; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-top: 15px; padding-bottom: 28px; } 
.renewal #wrapper.second #container { padding-top: 25px; } 
.renewal .nav { width: 100%; background: #1b51ab; min-width: 1430px; z-index: 99; } 
.renewal .nav.fix { position: fixed; left: 0; top: 0; z-index: 99999; } 
.renewal .nav #gnb { background: transparent; width: 1148px; margin: 0 auto; border: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
.renewal .nav #gnb .all { position: relative; width: 21px; height: 50px; margin-right: 0; z-index: 9999; flex-shrink: 0; } 
.renewal .nav #gnb .all>.menu_btn { width: 21px; height: 50px; background: url('../img/renewal/icon_menu.png') center / auto no-repeat; border: 0; text-indent: -9999px; overflow: hidden; } 
.renewal .nav #gnb .all.open>.menu_btn { background-image: url('../../img/renewal/close.png'); background-size: auto 23px; } 
.renewal .nav #gnb .all>a { line-height: 57px; } 
.renewal .nav #gnb .all .sub { position: absolute; top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1148px; background: rgba(255, 255, 255, 0.85); border: 1px solid #333333; -webkit-box-sizing: border-box; box-sizing: border-box; left: -9999px; } 
.renewal .nav #gnb .all.open .sub { left: auto; } 
.renewal .nav #gnb .all .sub .box_wrap { float: left; border-right: 1px solid #dddddd; width: calc(1148px/6); -webkit-box-sizing: border-box; box-sizing: border-box; border-collapse: collapse; } 
.renewal .nav #gnb .all .sub .box_wrap .box { min-height: 170px; border-bottom: 1px solid #dddddd; padding: 15px 30px; } 
.renewal .nav #gnb .all .sub .box_wrap .box:last-child { border: 0; } 
.renewal .nav #gnb .all .sub .box_wrap .box p { padding: 2px 0; height: 15px; line-height: 15px; } 
.renewal .nav #gnb .all .sub .box_wrap .box p a { text-decoration: none; color: #333333; height: 20px; line-height: 20px; } 
.renewal .nav #gnb ul.menu { width: 1127px; display: flex; justify-content: flex-start; z-index: 99; align-items: center; margin-left: 28px; } 
.renewal .nav #gnb ul.menu>li, .renewal .nav #gnb ul.menu>li>a, .renewal .nav #gnb ul.menu>li .sub, .renewal .nav #gnb ul.menu>li .sub>li, .renewal .nav #gnb ul.menu>li .sub>li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.renewal .nav #gnb ul.menu>li>a { font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #ffffff; text-decoration: none; padding: 4px 30px; } 
.renewal .nav #gnb ul.menu>li { padding: 13.5px 0; } 
.renewal .nav #gnb ul.menu>li:last-child a { padding-right: 0; } 
.renewal .nav #gnb ul.menu>li .sub { position: absolute; left: -9999px; border: 1px solid #333333; background: rgba(255, 255, 255, 0.85); top: 50px; } 
.renewal .nav #gnb ul.menu>li:hover .sub { left: auto; } 
.renewal .nav #gnb ul.menu>li .sub>li { padding: 5px 0px 0px 15px; } 
.renewal .nav #gnb ul.menu>li .sub>li a { display:block; text-decoration: none; color: #333333; height: 20px; line-height: 20px; } 
.renewal .nav #gnb ul.menu>li .sub>li .husb-basic { display:flex; padding: 0; position: relative; margin: 0 0 0 125px; min-width:215px; min-height: 0; } 
.renewal .nav #gnb ul.menu>li .sub.oem .husb-basic { padding: 0; position: relative; width: auto; float: left; } 
.renewal .nav #gnb ul.menu>li .sub.oem>li { margin-left: 265px; width: 140px; } 
/*.renewal .nav #gnb ul.menu>li.comm>a, .renewal .nav #gnb ul.menu>li.comm>p { border: 1px solid #6086c4; border-top: 0; border-bottom: 0; padding: 3px 32px; color: #c0ffb6; font-family: "Dotum", sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; padding: 4px 28px; display: inline-block; cursor: pointer; } */
renewal .nav #gnb ul.menu>li.comm>a, .renewal .nav #gnb ul.menu>li.comm>p { font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #ffffff; text-decoration: none; padding: 4px 28px; } 
.renewal .nav #gnb ul.menu>li.comm { *margin-left: 10px; *margin-right: auto; } 
.renewal .nav #gnb ul.menu>li.comm ul { display: none; position: absolute; width: 100%; top: 50px; left: 0; padding: 3px 25px; background: rgba(255, 255, 255, 0.8); z-index: 99; border: 1px solid #111111; box-sizing: border-box; } 
.renewal .nav #gnb ul.menu>li.comm:hover ul { display: block; } 
.renewal .nav #gnb ul.menu>li.comm li { margin: 10px 0; white-space: nowrap; } 
.renewal .nav #gnb ul.menu>li.comm li a { font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #000; letter-spacing: -1px; } 
.renewal .nav #gnb ul.menu>li.mypage { position: relative; padding: 9px 14px; margin-left: 0; width: 81px; margin-left: auto; } 
.renewal .nav #gnb ul.menu>li.mypage p { width: 32px; height: 32px; overflow: hidden; text-indent: -999px; background: url('/img/renewal/hd_mypge.png') center center / 100% auto no-repeat; cursor: pointer; float: right; } 
.renewal .nav #gnb ul.menu>li.mypage ul { display: none; position: absolute; width: auto; top: 50px; left: 64%; transform: translatex(-50%); padding: 12px 14px; background: #fff; z-index: 99; border: 1px solid #eaeaea; -webkit-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.16); box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.16); } 
.renewal .nav #gnb ul.menu>li.mypage:hover ul { display: block; } 
.renewal .nav #gnb ul.menu>li.mypage ul:before { content: ""; display: block; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; } 
.renewal .nav #gnb ul.menu>li.mypage li { margin: 4px 0; white-space: nowrap; } 
.renewal .nav #gnb ul.menu>li.mypage a { font-size: 13px; color: #666666; } 
.renewal .nav #gnb ul.menu>li.mypage a:before { content: "·"; display: inline-block; font-size: 20px; color: #000; margin-right: 3px; } 
@font-face { font-family: 'MalgunGothic'; src: url('../font/MalgunGothic.eot'); } 
@font-face { font-family: 'Malgun-Gothic-Bold_29380'; src: url('../font/Malgun-Gothic-Bold_29380.eot'); src: url('../font/Malgun-Gothic-Bold_29380.eot?#iefix') format('embedded-opentype'),
 url('../font/Malgun-Gothic-Bold_29380.woff2') format('woff2'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'MalgunGothicBold'; src: url('../font/MalgunGothicBold.svg#MalgunGothicBold') format('svg'),
 url('../font/MalgunGothicBold.ttf') format('truetype'),
 url('../font/MalgunGothicBold.woff') format('woff'); font-weight: normal; font-style: normal; } 
.renewal .adbanner { position: relative; } 
.renewal .adbanner.gold { margin-top: 10px; } 
.renewal .adbanner.gold .mbn_gold { margin-top: 0; } 
.renewal .adbanner.gold .ban_wrap { margin-bottom: 15px; overflow: hidden; } 
.renewal .adbanner.gold .ban_wrap>div { float: left; border: 1px solid #d1d1d1; } 
.renewal .adbanner.gold .ban_wrap>div.box2 { margin: 0 13px; } 
.renewal .adbanner.gold .ban_wrap>div.box2, .renewal .adbanner.gold .ban_wrap>div.box3 { width: 275px; height: 230px; } 
.renewal .adbanner.gold .ban_wrap>div.box2 h2, .renewal .adbanner.gold .ban_wrap>div.box3 h2 { display: none; } 
.renewal .adbanner.gold .ban_wrap>div.box2 .topsbn, .renewal .adbanner.gold .ban_wrap>div.box3 .topsbn { margin: 0; width: 100%; height: 100%; overflow: hidden; } 
.renewal .adbanner.gold .ban_wrap>div.box2 *, .renewal .adbanner.gold .ban_wrap>div.box3 * { margin: 0; overflow: hidden; width: 100%; height: 100%; } 
.renewal .adbanner.gold .ban_wrap>div.box2 img, .renewal .adbanner.gold .ban_wrap>div.box3 img { object-fit: cover; object-position: center; } 
.renewal .adbanner .tit { font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; font-size: 17px; font-weight: bold; color: #444444; letter-spacing: -1px; text-shadow: 0px 0px 0.5px #000000; float: left; } 
.renewal .adbanner .adinfo { font-size: 14px; font-weight: bold; color: #000; margin-right: 10px; float: right; cursor: pointer; } 
.renewal .adbanner .adinfo .adinfo_pop { position: absolute; background: #fff; border: 1px solid #5a5a5c; padding: 20px; width: 350px; right: 2px; display: none; z-index: 10; } 
.renewal .adbanner .adinfo .adinfo_pop h3 { border-bottom: 2px solid #333; font-size: 18px; line-height: 30px; font-weight: 700; } 
.renewal .adbanner .adinfo .adinfo_pop .close { margin: -30px 10px 0 0; font-size: 20px; float: right; } 
.renewal .adbanner .adinfo .adinfo_pop p { padding: 10px 20px; font-size: 14px; font-weight: 700; } 
.renewal .adbanner .adinfo .adinfo_pop .discrip { width: 310px; float: left; padding: 0 20px; padding-bottom: 10px; border-bottom: 2px solid #6f6f71; font-size: 12px; color: #7c7c7c; } 
.renewal .tit_sec.type2 { margin-top: 23px; margin-bottom: 10px; overflow: hidden; } 
.renewal .tit_sec.type2 .tit { font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; font-size: 20px; font-weight: bold; color: #444444; letter-spacing: -1px; text-shadow: 0px 0px 0.5px #000000; float: left; } 
.renewal .community { background: #ffffff; } 
.renewal .community .latest_wrap { overflow: hidden; margin-bottom: 15px; } 
.renewal .community .latest_wrap:last-child { margin: 0; } 
.renewal .community .latest_wrap>div { border: 1px solid #e2e2e2; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 567px; height: 291px; } 
.renewal .community .latest_wrap>div.left { float: left; } 
.renewal .community .latest_wrap>div.right { float: right; } 
.renewal .community .latest_wrap>div .tab { width: 100%; border-bottom: 2px solid #1b51ab; overflow: hidden; padding: 0; margin: 0; } 
.renewal .community .latest_wrap>div .tab li { float: left; width: 142px; height: 34px; cursor: pointer; text-align: center; border: 1px solid #e2e2e2; border-collapse: collapse; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-size: 14.5px; color: #4e4e4e; line-height: 34px; list-style: none; background: #ffffff; } 
.renewal .community .latest_wrap>div .tab li:last-child { border-left: 0; } 
.renewal .community .latest_wrap>div .tab li.on { background: #1b51ab; border: 1px solid #1b51ab; color: #ffffff; border-bottom: 0; } 
.renewal .community .latest_wrap>div>div { display: none; } 
.renewal .community .latest_wrap>div>div.on { display: block; } 
.renewal .community .latest_wrap .lat * { font-family: 'Noto Sans KR', sans-serif; } 
.renewal .community .latest_wrap .gall * { font-family: 'Noto Sans KR', sans-serif; } 
.renewal .latest_item { width: 100%; float: left; } 
.renewal .latest_item.new { *margin-right: 10px; } 
.renewal #ft .ft ul li a, .renewal #ft .ft ul li { font-size: 12px; font-family: 'MalgunGothic', sans-serif; color: #767676; float: left; font-weight: 600; } 
.renewal #ft .ft ul li:after { content: ""; width: 1px; height: 10px; display: block; float: left; margin: 3px 15px; background: #c8c8c8; } 
.renewal #ft .ft ul li:last-child:after { display: none; } 

.comm-ver1 { padding-top: 17px; overflow: hidden; } 
.comm-ver1 .bx { float: left; width: 566px; } 
.comm-ver1 .bx+.bx { margin-left: 15px; } 
.comm-ver1 .tit { border-bottom: 2px solid #adadad; padding-bottom: 2px; margin-bottom: 10px; } 
.comm-ver1 .tit h1 { display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 22.9px; font-weight: 600; color: #111; letter-spacing: -1.3px; } 
.comm-ver1 .tit a { float: right; font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-weight: 500; color: #999999; margin-top: 14px; } 
.comm-ver1 .lt-wr { padding: 0 6px; } 
.comm-ver1 .lt-wr ul { margin: 0; padding: 0; background: #f5f7fa; border-radius: 10px; overflow: hidden; padding: 15px 10px; } 
.comm-ver1 .lt-wr ul.text li { margin-bottom: 7px; list-style: none; } 
.comm-ver1 .lt-wr ul.text li:before { content: "·"; display: inline-block; color: #999; margin: 0 2px 0 7px; font-size: 18px; vertical-align: middle; } 
.comm-ver1 .lt-wr ul.text a { display: inline-block; width: 460px; font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-weight: 400; color: #999999; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; } 
.comm-ver1 .lt-wr ul.text span { display: inline-block; width: 52px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight: 400; color: #999999; vertical-align: middle; text-align: center; } 
.renewal .community .latest_wrap>div>div ul.gall { padding: 0; margin: 14px 0; } 
.renewal .community .latest_wrap>div>div ul.gall li { float: left; width: 165px; list-style: none; } 
.renewal .community .latest_wrap>div>div ul.gall li+li { margin-left: 15px; } 
.renewal .community .latest_wrap>div>div ul.gall .thm { position: relative; width: 100%; height: 175px; overflow: hidden; } 
.renewal .community .latest_wrap>div>div ul.gall .thm .gra { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: url('/skin/board/newsletter/img/news-gra.png') center bottom / 100% 100% repeat; } 
.renewal .community .latest_wrap>div>div ul.gall li p { position: relative; font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-weight: 500; color: #333; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; padding: 0 10px; z-index: 1; margin-top: 7px; } 
.comm-ver1 .wr { padding: 0 6px; } 
.comm-ver1 .wr ul { margin: 0; padding: 0; overflow: hidden; } 
.comm-ver1 .wr ul.youtube li { float: left; width: 360px; list-style: none; } 
.comm-ver1 .wr ul.youtube li+li { margin-left: 29px; } 
.comm-ver1 .wr ul.youtube .thm img { width: 100%; height: 200px; object-fit: cover; object-position: center; } 
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } 
.comm-ver1 .wr ul.youtube p { font-family: 'GmarketSansMedium'; font-size: 19.85px; color: #242424; letter-spacing: -1px; margin-top: 7px; } 

.tit-sec { border-bottom: 2px solid #adadad; padding-bottom: 2px; margin-bottom: 10px; } 
.tit-sec .tit { display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 22.9px; font-weight: 600; color: #111; letter-spacing: -1.3px; } 
.tit-sec a { float: right; font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-weight: 500; color: #999999; margin-top: 14px; } 

/*RENEWAL_BOARD*/
.boardcenter_renewal { width: 100%; } 
.boardcenter_renewal ul { list-style: none; overflow: hidden; padding: 0; } 
.boardcenter_renewal ul li { float: left; width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; height: 56px; background: url("../img/renewal/board_tab_bg.jpg") center center; } 
.boardcenter_renewal ul li:nth-child(5n) { border-right: 1px solid #e6e6e6; } 
.boardcenter_renewal ul li:nth-child(n+11) { border-bottom: 1px solid #e6e6e6; } 
.boardcenter_renewal ul li a { font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; font-size: 15px; color: #444444; display: block; text-align: center; height: 100%; line-height: 54px; text-decoration: none; } 
.boardcenter_renewal ul li.on { background: #1b51ab; border: 1px solid #1b51ab; } 
.boardcenter_renewal ul li.on a { color: #ffffff; } 
.boardcenter_renewal_list { font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; font-size: 28px; color: #444444; display: block; text-align: left; height: 100%; line-height: 54px; border-bottom: 1px solid #e9e9e9; } 
.mt6 { margin-top: 6px !important; } 
.mt9 { margin-top: 9px !important; } 
/*RENEWAL_MYPAGE*/
#mypage_left { float: left; margin: 0 0px 0 0; width: 180px; padding: 0; } 
#mypage_left ul { margin: 0; padding: 0; list-style: none}
#mypage_left .myaside li { border: 1px solid #dddddd; border-top: 0px; padding: 10px; } 
#mypage_left .myaside li img { padding: 0 5px 0 0; } 
#mycontainer { position: relative; float: right; width: 900px; height: auto !important; zoom: 1; } 
#mycontainer:after { display: block; visibility: hidden; clear: both; content: ""}
/*RENEWAL_SIDEBTN*/
.side_btn { position: fixed; top: 50%; right: 15px; transform: translateY(-50%); z-index: 999; } 
.side_btn table { border-collapse: collapse; } 
.side_btn table tr { } 
.side_btn table tr td { width: 30px; height: 30px; border: 1px solid #e0e0e0; background: #fff; } 
.side_btn table tr td a { display: block; text-align: center; } 
.kakao { float: left; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 220px; } 
.clearfix { clear: both; } 
.navtop { margin: 20px 0; } 
.navtop ul { margin: 0; padding: 0; list-style: none; } 
.navtop li { float: left; margin: 0 3px; color: #777; } 
.navtop li strong { color: #000; } 
#mypage_leave { padding: 20px; line-height: 20px; font-size: 13px; font-family: dotum; } 
#mypage_leave h4 { margin: 6px 0 23px 0; font-size: 14px; } 
#mypage_leave h4.t1 { margin-bottom: 15px; } 
#mypage_leave span { color: #1b51ab; } 
#mypage_leave p { margin: 10px 0 13px; color: #555; } 
#mypage_leave .line { border-top: 1px solid #ddd; margin: 25px 0 30px 0; } 
#mypage_leave .btn { border: 0 none; color: #fff; cursor: pointer; letter-spacing: -0.1em; padding: 13px 0; text-decoration: none; display: block; text-align: center; margin: 35px 290px; font-size: 14px}
#mypage_leave .btn-leave { background: #1b51ab; } 
.bin { padding: 0 5px; } 
.btn_add .btn_frmline { padding: 11px 10px; border: 1px solid #333; background: #333; color: #FFF; text-decoration: none; cursor: pointer; } 
.partners_box { margin: 15px auto !important; padding: 20px !important; border: 1px solid #e2e2e2 !important; width: 1106px !important; } 
.latest_partners { border-bottom: 2px solid #1b51ab; overflow: hidden; padding: 0; margin: 0; height: 34px; } 
.partners_title { background: #1b51ab; color: #ffffff; width: 142px; height: 34px; text-align: center; border-collapse: collapse; box-sizing: border-box; font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; font-size: 14.5px; line-height: 34px; } 
.partners_list { margin: 10px 0 0 0}
.partners_list .more { margin-top: -34px !important; } 
.partners_list ul, .partners_list li { margin: 0; padding: 0; list-style: none; } 
.partners_list li { float: left; width: calc(50% - 10px); padding: 5px 0; background: #e9e9e9; margin: 5px 5px 0 0; cursor: pointer}
.partners_list li:nth-child(2n) { float: right; margin: 5px 0 0 5px; } 
.partners_list li table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; } 
.partners_list li th { width: 200px; padding: 5px 10px; background: #e9e9e9; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #FFF}
.partners_list li td { padding: 5px 10px; background: #e9e9e9; border-bottom: 1px solid #e9e9e9; line-height: 1.5em; word-break: break-all; } 
.partners_list li dl { margin: 0; line-height: 20px; } 
.partners_list li dt { float: left; width: 200px; padding: 5px 10px; background: #e9e9e9; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #FFF; box-sizing: border-box; } 
.partners_list li dd { width: calc(100% - 200px); padding: 5px 10px; background: #e9e9e9; border-bottom: 1px solid #e9e9e9; line-height: 1.5em; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; margin: 0; } 

/* 새글 스킨 (latest) */
.daim_latest { position: absolute; top: 28% !important; left: 281px !important; transform: translateY(-50%); } 

/* new_type board */
.boardcenter_new_list { font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #333; display: block; text-align: left; line-height: 54px; border-bottom: 1px solid #333; padding-left: 2px; } 

/* 입점 안내 */
.entry_link { display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-weight: 400; color: #fff; background: #1b51ab; text-align: center; width: 190px; line-height: 45px; border-radius: 10px; padding-bottom: 1px; color:#fff !important; box-sizing:border-box; border:0; vertical-align:middle; } 
.entry_link:hover { text-decoration:underline; }

.entry-title { font-family: "Noto Sans KR", sans-serif; font-size: 22px; font-weight: 300; letter-spacing: -2px; margin-top:30px; }
.entry-process { width:900px; display:flex; justify-content:space-between; align-items:center; list-style:none; margin:15px auto 0; }
.boardcenter_new_list + .entry-process { margin-top:30px; }
.entry-process li { text-align:center; }
.entry-process li.arr { margin-top:-43px; }
.entry-process li p { font-family: "Noto Sans KR", sans-serif; font-size: 23px; font-weight: 400; color:#999999; margin-top:25px; }
.entry-process li p.on { color:#444444; }

.entry-form { padding-bottom:40px; }
.entry-form > .tit { height:27px; font-family: "Noto Sans KR", sans-serif; font-size:22px; font-weight:400; color:#666666; margin:35px 0 5px; line-height:22px; } 
.entry-form > .tit > p { display:inline-block; font-family: "Noto Sans KR", sans-serif; font-size:16px; font-weight:400; color:#999999; padding-right:10px; line-height: 16px; margin-left:10px; }
.entry-form > .tit > p:before { content: '*'; color: #ff0000; text-indent: -9px; display: inline-block; font-size: 20px; vertical-align: -6px; }
.entry-form input[type="checkbox"] { width:15px; height:15px; vertical-align:0; margin-right:5px; }
.entry-form input[type="radio"] { width:20px; height:20px; vertical-align:-3px; margin-right:7px;  }
.entry-form input[type="text"] { border:1px solid #999999; line-height:22px; font-size:13px; font-family: "Noto Sans KR", sans-serif; font-weight:300; padding:0 5px; }
.entry-form input[type="text"]::placeholder { text-align:center; color:#b0b0b0; }
.entry-form label { font-family: "Noto Sans KR", sans-serif; font-size:20px; font-weight:400; color:#777777; padding-left:10px; letter-spacing:-1px; }
.entry-form .tbl-wr { text-align:right; }
.entry-form .tbl-wr > label { display:block; font-size:16px; color:#777777; padding-right:10px; margin-top: -27px; line-height: 22px; padding-bottom:5px; }
.entry-form table { width:100%; text-align:left; border-collapse:collapse; border-top:1px solid #999999; }
.entry-form table th { width:150px; font-family: "Noto Sans KR", sans-serif; font-size:16px; font-weight:400; color:#444444; padding:10px; border-bottom:1px solid #e0e0e0; line-height:20px; background:#e5e5e5; }
.entry-form table th.req:before { content: '*'; color: #ff0000; text-indent: -9px; display: inline-block; font-size: 20px; vertical-align: -6px; }
.entry-form table td { font-family: "Noto Sans KR", sans-serif; font-size:16px; font-weight:300; color:#444444; padding:10px; border-bottom:1px solid #e0e0e0; }
.entry-form table td table {}
.entry-form table td table td { font-size:16px; padding:0; text-align:center; border:1px dashed #999999; 
color:#999999; font-weight:400; }
.entry-form table td table td a { font-size:12px; font-weight:300; color:#fff; border-radius:3px; background:#1b51ab; text-align:center; width:240px; display:block; margin:0 auto; }
.entry-form table td span { font-size:14px; font-weight:400; color:#1b51ab;  line-height:12px;}
.entry-form table td span:before { content: '*'; color: #1b51ab;  display: inline-block; font-size: 20px; vertical-align: -6px; }
.entry-form #daum_juso_pageentry_zip, .entry-form #daum_juso_pageentry1_zip { height:444px !important }
.entry-form table td table td input { font-size:14px; width:100%; }
.entry-form .entry-btn01 { font-family: "Noto Sans KR", sans-serif; font-size:15px; font-weight:400; color:#fff; border:1px solid #999999; background:#1b51ab; padding:0 10px; height:24px; }
.entry-form button.btn_frmline { font-family: "Noto Sans KR", sans-serif; font-size:14px; font-weight:400; color:#999999; border:1px solid #999999; background:#fff; height:24px; }
.entry-form table td select {     border: 1px solid #999999;
    line-height: 22px;
    font-size: 13px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    padding: 0 5px; }

.entry-agree-info { margin:35px 0 20px; }
.entry-agree-info .tit { font-family: "Noto Sans KR", sans-serif; font-size:22px; font-weight:400; color:#444444; letter-spacing:-1px; margin-bottom:12px; }
.entry-agree-info #ctt_con { height:450px; border:2px solid #b7b7b7; padding:15px 15px 0; overflow-y:scroll; background:#fff; }
.entry-agree-info #ctt_con p.dd { margin-bottom:30px; }
.entry-agree-info #ctt_con .common-contitle { margin:30px 0 10px !important; }