@charset "utf-8";
/* SIR 지운아빠 */
/*@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css');
/* 초기화 */
html {overflow-y:scroll; font-size: 10px;}
body {margin:0;padding: 0 !important; font-size:16px; font-family:'Pretendard','dotum',돋움,sans-serif; font-weight: 400; color: #0c0c0c;}
/*body {margin:0;padding:0;font-size:14px; font-family:'Spoqa Han Sans','dotum',돋움,sans-serif;}*/
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:'Pretendard','dotum', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
form,fieldset,legend,input,label,button,textarea,select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;*/
	background: transparent;
	/*vertical-align:middle;*/
}

#hd ul, nav ul, #ft ul, 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:'Pretendard','dotum';font-size:1em}
button {cursor:pointer}

textarea, select { font-family:'Pretendard','dotum';font-size:1em}
textarea{resize: 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:none}

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {	height: 1px;}

*{outline: none;}
*, *:before, *:after{box-sizing: border-box; }
*:focus{outline :none !important}
/* 팝업레이어 */
.hd_pop {z-index:1000;position:fixed; top: 0; left: 0; width: 100%; height: 100%;}
.pop_dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content:""; background: rgba(0,0,0,0.4);  }
.hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; top: 50%; left: 50%;}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0; color:#fff;text-align:left; font-size: 16px;}
.hd_pops_footer input[type=checkbox]{vertical-align: middle; margin-right: 5px;}
.hd_pops_close {position: absolute; top: -22px; right: 0; cursor: pointer; text-indent: -9999px; background: url('../../../img/btn/btn_close.png') no-repeat center center/cover; width: 20px; height: 20px;}

/* 상단 레이아웃 */
#hd {z-index:4; position:relative; min-width:1060px; background:#fff; background-color: #fff; box-shadow: 0 0 1px 0.1px rgba(0, 0, 0, 0.3);}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_wrapper {position:relative;margin:0 auto;padding:20px 0; width:1060px; zoom:1; }
.hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.hd_wrapper.logo-wrap{display: flex; align-items: center;}


#logo {float:left; /*height: 60px;*/  }
#logo a{display: block; padding:0; margin-top:10px; }
/* #logo a img{max-height: 30px;} */

/* 전체 검색 */
#hd_sch { float:left;margin:0 0 0 130px; padding:0; }
#hd_sch legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch form{display: flex; align-items: center;}
#hd_sch #sch_stx { border:2px solid #3a2d27; padding:11px; width:360px; background:#fff; ime-mode:active }

#hd_sch .btn_mainsubmit{display: inline-block; background: #3a2d27; padding:13px 15px; white-space: nowrap; color: #fff; cursor: pointer; margin-left:-3px;}
#hd_sch #sch_submit { border:0; background: none;  color:#fff;cursor:pointer; text-indent: -9999px;}

/* head count */
.hd_count{position: absolute; right:0; top:25px; width:200px; padding-left:20px; font-size: 12px; background: url(/img/gray_line.gif) no-repeat left center}
.hd_count p{margin-bottom: 3px; font-size: 16px; color:#7B7B7B;  text-align: right;}
.hd_count p span{font-family: 'Lato';  font-weight: bold; color:#565656}


/* head count */
.hd_counts{position: absolute; right:0; top:20px;  padding-left:20px; font-size: 14px; background: url(/img/gray_line.gif) no-repeat left center}
.hd_counts p{margin-bottom: 3px; font-size: 15px; font-weight: bold; float:left;}
.hd_counts p span{color:#565656; font-size: 15px; font-weight: normal}


/* 텍스트 크기 조절 */
#text_size {float:left;margin:16px 0 13px 20px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer; }
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

.text-center{text-align: center;}

/* 상단 회원가입 등 링크 */
.tnb_wrapper{position: relative; border-bottom: 1px solid #EAEAEA; background:#fff000;}
.tnb_wrapper span{position: absolute; top:13px; left:0; font-size:11px;color:#3a2d27; z-index: 100;}
#tnb {position: relative; text-align: right; margin:0;padding:0;list-style:none;zoom:1; margin-left: auto !important;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {display: inline-block; margin:0; font-size:16px; color:#3a2d27;}
#tnb a {display:inline-block;padding-left:10px; color:#333;letter-spacing:-0.1em; }
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 메인메뉴 */
.gnb_wrapper{z-index:4; position:relative; min-width:1060px; background:#fff;border-top: 1px solid #000;}
.gnb_wrapper .hd_wrapper{padding: 0;}
#gnb {clear: both;  position:relative; margin:0; display: flex; align-items: center;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {padding:0; /*width:1060px;*/ zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_1dul li:first-child a{padding-left:0 !important; }
.gnb_1dli {z-index:10;position:relative;float:left; }
.gnb_1da {display:block; width:100%; padding:20px 30px; font-size:16px; /*font-weight:bold;*/ text-decoration:none; transition: all ease .2s;}
.gnb_1da:focus, .gnb_1da:hover { /*background:url('../img/gnb_bg00.gif') #333 center right no-repeat;*/text-decoration:none; color:#ff3e22}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
/*.gnb_1dli_on .gnb_1da {background-color:#333;color:#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}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

#gnb_1dul .gnb_rt{float:right; }
#gnb_1dul .gnb_rt .gnb_1da{color:#888;}

.last_home .gnb_1da{font-size: 17px; color: #00f; font-weight: bold;}

.btn-partner{border: 3px solid #fff000; width: 180px; height: 40px; line-height: 36px; display: inline-block; margin-left: auto; color: #000; font-weight: 500; font-size: 16px; text-align: center; border-radius: 20px;}

.search_ranking{position: absolute; right:0; top:0; width:170px; border-left:1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #F3F3F3;  }
#rank-list a {color: #323232; text-decoration: none; }
#rank-list a:hover {text-decoration: underline;}
#rank-list {overflow: hidden; width: 170px; height: 40px; margin: 0; }
#rank-list dt {display: none;}
#rank-list dd {position: relative;margin: 0;}
#rank-list ol {position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style-type: none; width:170px;}
#rank-list li { height: 40px; line-height: 40px; width:150px;  overflow: hidden; white-space:nowrap;  text-overflow: ellipsis; padding-left:10px;}
#rank-list .rank {padding:1px 6px; background: #666666; margin-right:10px; font-size:10px; color: #fff;}
#rank-list .last {letter-spacing: -1px; padding:1px 4px}

/* 중간 레이아웃 */
#wrapper { z-index:5;margin:0 auto;width:100% ; padding:0; /*margin-top:1px;*/ zoom:1; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#container {z-index:4;position:relative; /*padding:30px 0;*/ width:100%; max-width:1060px; min-height:500px;height:auto !important;height:500px; font-size:1em;zoom:1; margin:0 auto; }
#container_sub {z-index:4;position:relative; padding:30px 0; max-width:1060px; min-height:500px;height:auto !important;height:500px; /*font-size:1em;*/ zoom:1; margin:0 auto; }
#container_sub:after {display:block;visibility:hidden;clear:both;content:""}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:2em;font-weight:500; }

/* 하단 레이아웃 */
#ft {position: relative; min-width:1060px;border-top:1px solid #e6eaed;background:#3E3E3E; overflow: auto; }
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}


#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:1060px;text-align:center}

#ft_company { position: relative; width:1060px; margin:0 auto; padding:40px 0; }
#ft_company:after{display:block;visibility:hidden;clear:both;content:""}
#ft_company #ft_logo{position: absolute; top:60px;}
#ft_company .ft_list {margin:0;padding:20px 0;line-height:1.8em; max-width: 1060px;  color:#9EA4A5; margin-left:260px; float: left; }
#ft_company .ft_list .menu{float:left; margin-right:100px;}
#ft_company .ft_list .menu a{color:#9EA4A5}
#ft_company .ft_sns{float: right; margin-top:20px; }
#ft_company .ft_sns i{padding:15px; width: 45px; height: 45px; border:1px solid #939393; border-radius: 40px; margin-left:30px; font-size:16px; color:#939393 }
#ft_company .ft_app {position: absolute; right:0; top:200px;}
#ft_company .ft_app img{max-width: 160px; margin-left:10px;}

#ft_link {position:relative; background:#eeeeee; border-top:1px solid #E0E0E0}
#ft_link div {position:relative;margin:0 auto;padding:10px 0; width:1060px; padding-left:260px; color:#494c50  }
#ft_link a {display:inline-block;margin:0 60px 0 0;color:inherit; font-size:14px;}
#ft_link #ft_totop {position:absolute;top:10px;right:0}

#ft_copy{position: relative; width:1060px;margin:0 auto;  padding:15px 0; clear:both; color:#9EA4A5;  border-top:1px solid #6A6A6A; margin-top:30px; line-height: 24px; font-size:14px;}
#ft_copy a{color: #9EA4A5;}
#ft_copy .kfa{position: absolute; top:20px; right:0;}
#ft_copy .kfa a{margin-left: 0.5rem;}

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

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;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;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}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#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:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 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;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;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%}

/* 버튼 */
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}

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

.btn_submit {padding:8px;border:0;background:#ff3061;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:30px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top; border-radius: 4px;} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
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}

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

/* 기본테이블 */
.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 #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;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, .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 #e9e9e9;border-bottom:1px solid #e9e9e9;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 {}

/* 폼 테이블 */
.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:#f5f8f9;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_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}
.empty{height: 20px; width: 100%;}

/* 필수입력 */
.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:110px;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 .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;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:'Pretendard','dotum';font-weight:bold;text-decoration:none}
.new_win .win_desc {padding: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}

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

/* 자바스크립트 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}
.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; font-size:13px;}
.pg {}
.pg a{margin:0 4px 0 0;}
.pg a:hover{ border-color:#3895d6; color:#3895d6 !important;}
.pg_page, .pg_current {display:inline-block; padding:3px 20px; height: 36px; border-radius: 17px; color:#aaa !important; letter-spacing:0; line-height:28px; vertical-align:middle; border:2px solid #e1e1e1; }
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {/*background:#fff;*/ text-decoration:none}
.pg_start {/* 이전 */ width:34px;height:32px; padding:0; margin: 0;   background: url('../img/btn/btn_first.gif') no-repeat center 11px; text-indent: -9999px; }
.pg_prev {/* 이전 */ width:34px;height:32px; padding:0; margin: 0;   background: url('../img/btn/btn_prev.gif') no-repeat center 11px; text-indent: -9999px}
.pg_end {/* 다음 */ width:34px;height:32px; padding:0; margin: 0;   background: url('../img/btn/btn_last.gif') no-repeat center 11px; text-indent: -9999px }
.pg_next {/* 다음 */ width:34px;height:32px; padding:0; margin: 0;   background: url('../img/btn/btn_next.gif') no-repeat center 11px; text-indent: -9999px}
.pg_current {display:inline-block; margin:0 4px 0 0; /*background:#d9534f;*/ color:#3895d6 !important; font-weight:normal; border-color:#3895d6}

/* Mobile화면으로 */
#device_change {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}


#topBanner{position: relative; height:100px; width:100%;  text-align: center; }
#topBanner.active{display: block; }
#topBanner .topClose{position: absolute; right:60px; top:40px;cursor: pointer}

/* index */
#container{padding:0; max-width: 100%;}
#floatL{top:776px !important;}
    
.section_notice{margin: 30px 0; background-color: #ececec; display: block; padding: 14px 30px;}
.section_notice span{line-height: 1em; }
.section_notice .nt_bbs{font-size: 16px; padding-right: 15px; margin-right: 30px; font-weight: 600; position: relative;}
.section_notice .nt_bbs:after{content: ''; position: absolute; top: 3px; right: 0; height: 15px; width: 1px; background-color: #000;}
.section_notice .nt_subject{color:#000 }
.section_notice .nt_date{color:#3a2d27; padding-right: 25px; }
.section_notice .nt_more{position: absolute; right: 30px; top: 12px;}
.section_notice .nt_more a{text-indent: -9999px; background: url('/img/main/btn-more.png') no-repeat center/cover; width: 20px; height: 20px; display: inline-block;}
#container .btn_rt_group{top:0;}
    
    
.section_header{ padding:15px 0;  position: relative;}
.section_header .title{font-size:18px; font-family: 'Lato'; font-weight: bold; }
.section_header .title .mainThemeText{display: inline-block; width:260px; height: 25px; background: url('/img/main/main_text_02.png') no-repeat; text-indent: -9999px; }
.section_header .rt_btn{position: absolute; top:20px; right: 0; }
.section_header .rt_btn a{padding:4px 10px; border:1px solid #DDDDDD}
.section_header .rt_btn .btn_more{font-size:12px; padding:6px 12px 4px; margin-left: 6px;}
.section_header:after{display:block;visibility:hidden;clear:both;content:""; }
.section_header .cnt{font-size:14px; margin-left: 20px;}
    
/*.section_project .theme_project li:first-child{margin-left:0 !important; overflow: hidden; }*/
.section_project {position: relative; }
.section_project .theme_project .project_item.first{margin-left:0;}
.section_project .theme_project .project_item{margin:0 5px; width:340px; position: relative; vertical-align: top}
.section_project .theme_project .project_item img{width:100%; }
.section_project .theme_project .info{padding: 10px; font-family: 'Spoqa Han Sans'; border:1px solid #ccc; margin-top:-3px; border-top:0}
.section_project .theme_project .info .title{display: block; font-size: 16px; margin-top:10px;}
.section_project .theme_project .info .desc{ margin-top:3px}    
    
    
.section-slide{padding: 60px 0;}
.section-slide .section-title{display: flex; align-items: center; margin-bottom: 30px;}
.section-slide .section-title h3{font-size: 21px; font-weight: 600; color: #000; display: inline-flex; align-items: center;}
.section-slide .section-title h3 span{width: 36px; height: 20px; line-height: 20px; display: inline-block; background-color: #d0d0d0; font-size: 12px; font-weight: 600; color: #000; margin-left: 10px; font-style: normal; text-align: center;}
.section-slide .section-title .title-more{margin-left: auto; display: inline-flex; align-items: center;}
.section-slide .section-title .title-more a{display: inline-flex; margin-left: 10px; align-items: center;}
.section-slide .section-title .title-more a .icon{margin-right: 5px;}

.section-slide .swiper-arrows{position: relative; top: 0; width: auto; display: inline-flex;}
.section-slide .swiper-arrows button{position: relative; width: 23px; height: 23px;}
.section-slide .swiper-arrows .btn-swiper-prev{left: 0; margin-top: 0; background-image: url('../../../img/icon/ico-pre.png');}
.section-slide .swiper-arrows .btn-swiper-next{right: 0; margin-top: 0; margin-left: 10px; background-image: url('../../../img/icon/ico-next.png');}

.section_service{background: #f9f9f9;}
/* .section_service .grid_title{padding:10px 0; } */

.chd_tabs{margin-top:50px;}

.grid_item_main{border:2px solid #C8C8C8; margin:0 5px; padding: 10px; background: #fff;}
.card_featured span{margin-left:0}    
    
#slider_main {overflow-y: hidden;  display: none;}
#slider_main .slick-track{margin-left:-114px;}
#slider_main .slick-slide{width: 258px;}
#slider_main .slick-dots{margin-top: 10px; margin-bottom: 0; text-align: center; width: 1080px; margin-left:auto;margin-right:auto;}
#slider_main .slick-dots li{display: inline-block; margin: 0 3px;}
#slider_main .slick-dots button{background-color: #bdb4b3; border: none; border-radius: 10px; cursor: pointer; height: 10px; line-height: 1; padding: 0; width: 10px; vertical-align: middle; text-indent: -9999px;}
#slider_main .slick-dots .slick-active button{background-color: #3a2b25;}
    
#slider_main .slick-prev,
#slider_main .slick-next{border: none; cursor: pointer; margin: auto; padding: 0; text-indent: -9999px; width: 48px; height: 48px; z-index: 100; position: absolute; top: 0; bottom: 0;}
    
#slider_main .slick-prev:focus, #slider_main .slick-next:focus{outline: none;}
#slider_main .slick-prev{background: url(../../../img/icon/icon_bg-prev.png) 0 0 no-repeat #fff; left: -1060px;right: 0;top: -30px; opacity: 0.8}
#slider_main .slick-next{background: url(../../../img/icon/icon_bg-next.png) 0 0 no-repeat #fff; right: -1060px;left: 0;top: -30px; opacity: 0.8}
    
#slide_project{display: none;}
#slide_project .slick-prev,
#slide_project .slick-next{border: none; cursor: pointer; margin: auto; padding: 0; text-indent: -9999px; width: 25px; height: 20px; z-index: 100; position: absolute; top: -25px;}
#slide_project .slick-prev{position: absolute; background: url(/img/icon/project_slide_arrows.gif) no-repeat; background-position: 0 0;  right:30px;}
#slide_project .slick-next{position: absolute; background: url(/img/icon/project_slide_arrows.gif) no-repeat; background-position: 0 -19px; right:3px; }    
    
.block_box_full{margin-bottom:40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:20px 0; }
.res_list_box{overflow: hidden; width: 1060px; margin: 0 auto;}
.res_list_box li{float: left; width: 33.3333%; text-align: center}
.res_list_box li p{font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.res_list_box li .cnt{font-size: 24px;}
.res_list_box li:first-child{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.res_list_box li:last-child{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}



#ajax-content {visibility: hidden;}

/* text color  */

.color_hpink{color:#EC147F !important;}

/* option button */
.btnOff{color:#666666 !important;}
.btnOn{font-weight: 600; color: #0c0c0c !important;}


/* tooltip */
#tooltip {position: absolute; z-index: 999; background-color: #ffffff; color: #fff;}
#tooltip .tipBody{background: #000; padding:6px 10px; border-radius: 4px; font-size: 14px;}



.fl{float: left; }
.fr{float: right; }
.block_box{width: 1060px; margin: 0 auto; clear: both; position: relative; }
.block_box .first{margin-left:0 !important}
.block_box:after{display:block;visibility:hidden;clear:both;content:""; }


/* 활용하기 */
#container.promote .banner{background-image:url(../img/banner_promote.jpg)}
.promote_wrap{padding-top:52px}
.promote .sp{background-image:url(../img/sp_modoo_promote_v4.png)}
.promote h2.title .txt{width:95px;height:55px;background-position:0 0}
.promote h2.title .txt_desc{width:392px;height:55px;background-position:-114px 0}
.promote .promote_spot{position:relative;padding:70px 0 63px 106px;border:1px solid #cacaca;border-top:2px solid #3e3e3e}
.promote .promote_spot .ic_new{display:block;position:absolute;top:0;left:-1px;width:91px;height:83px;background-position:-554px 0}
.promote .promote_spot .title{font-size:32px;font-weight:600;color:#343434}
.promote .promote_spot .title em{color:#07bc07}
.promote .promote_spot .desc{position:relative;margin-top:19px; line-height: 1.5; color:#666}
.promote .promote_spot .bar{display:block;position:absolute;top:0;left:0;width:20px;height:1px;background:#282b2e}
.promote .promote_spot .txt{display:block;margin-bottom:-6px;padding-top:19px}
.promote .promote_spot .btn_spot_go{display:block;width:178px;height:32px;margin-top:21px;border:1px solid #07bc07;border-radius:16px;font-size:14px;line-height:32px;color:#07bc07;letter-spacing:-1px;text-align:center;text-decoration:none}
.promote .promote_spot .img{display:block;position:absolute;top:47px;right:97px;width:471px;height:321px;background-position:0 -70px}
.promote .promote_list{*zoom:1}
.promote .promote_list:after{display:block;clear:both;content:''}
.promote .promote_list .list{float:left;position:relative;width:351px;height:348px;margin:-1px -1px 0 0;border:1px solid #dbdbdb;text-align:center}
.promote .promote_list .list2,.promote .promote_list .list5,.promote .promote_list .list8,.promote .promote_list .list11{width:350px}
.promote .promote_list .title{display:block;margin-top:54px;font-size:23px;font-weight:600;line-height:32px;color:#1e2022;letter-spacing:-2px}
.promote .promote_list .ic_new{display:inline-block;width:24px;height:24px;margin:0 -31px 0 9px;background-position:-520px 0;vertical-align:-5px}
.promote .promote_list .ly_list{display:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;font-size:0;line-height:0;color:#fff;text-align:center}
.promote .promote_list .ly_list .mask{display:none;background:#64a6e8;position:absolute;top:0;right:0;bottom:0;left:0;}
.promote .promote_list .list:hover .ly_list,.promote .promote_list .list:hover .ly_list .mask{display:block}
.promote .promote_list .ly_list .desc{display:inline-block;position:relative;z-index:1;margin-top:-2px;vertical-align:middle}
.promote .promote_list .ly_list .txt{display:block;font-size:14px;line-height:22px;letter-spacing:-1px}
.promote .promote_list .ly_list .txt + .txt{margin-top:10px}
.promote .promote_list .ly_list .btn_list_go{display:block;width:90px;height:29px;margin:17px auto 0;border:1px solid #fff;border-radius:15px;font-size:14px;color:#fff;line-height:30px;text-decoration:none}
.promote .promote_list .ly_list .valign{display:inline-block;width:0;height:348px;vertical-align:middle}
.promote .promote_list .img{position:absolute;bottom:49px;left:51px;width:250px;height:160px}
.promote .promote_list .list1 .img{background-position:0 -400px}
.promote .promote_list .list2 .img{background-position:-260px -400px}
.promote .promote_list .list3 .img{background-position:-520px -400px}
.promote .promote_list .list4 .img{background-position:0 -570px}
.promote .promote_list .list5 .img{background-position:-260px -570px}
.promote .promote_list .list6 .img{background-position:-520px -570px}
.promote .promote_list .list7 .img{background-position:0 -740px}
.promote .promote_list .list8 .img{background-position:-260px -740px}
.promote .promote_list .list9 .img{background-position:-520px -740px}
.promote .promote_list .list10 .img{background-position:0 -910px}
.promote .promote_list .list11 .img{background-position:-260px -910px}
.promote .promote_list .list12 .img{background-position:-520px -910px}
/* //활용하기 */



/* map */
.customoverlay {position:relative;bottom:55px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    
.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}
.custom_zoomcontrol {position:absolute;top:100px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}

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

#slider_image{margin: 0; padding:0;}
#slider_image .slick-slide img{display: block;width:100%; border-radius: 0; border:none; max-width:516px;}
#slider_image .slick-prev,
#slider_image .slick-next{border: 1px solid #c3c3c3; cursor: pointer; margin: auto; text-indent: -9999px; width: 48px; height: 48px; z-index: 100; position: absolute; top: 0; bottom: 0;
}
#slider_image .slick-prev:focus, #slider_main .slick-next:focus{outline: none;}
#slider_image .slick-prev{background: url(../img/icon/icon_bg-prev.png) 0 0 no-repeat #fff; left: 0; opacity: .8}
#slider_image .slick-next{background: url(../img/icon/icon_bg-next.png) 0 0 no-repeat #fff; right: 0; opacity: .8}

#slider_image .slick-dots{margin-top: 0; margin-bottom: 0; text-align: center; width: 1080px; margin-left:auto; margin-right:auto;}
#slider_image .slick-dots{text-align: left;}
#slider_image .slick-dots li{display: inline-block; margin: 0 3px;}
#slider_image .slick-dots button{background-color: #bdb4b3; border: none; border-radius: 10px; cursor: pointer; height: 10px; line-height: 1; padding: 0; width: 10px; vertical-align: middle; text-indent: -9999px;}
#slider_image .slick-dots .slick-active button{background-color: #2f2166;}
#slider_image .slide_box{padding: 0; padding-bottom: 20px;}

#slider_image .slick-prev{left: -1060px;right: 0;top: -70px;}
#slider_image .slick-next{right: -1060px;left: 0;top: -70px;}



/* custom form */

.chdForm {position: relative;}
.chdForm table {width:100%;border-collapse:collapse;border-spacing:0; border-top:1px solid #686868}
.chdForm .formTitle {font-size:18px; font-weight: 500; margin-bottom: 10px;}
.chdForm tr{border-bottom: 1px solid #E0E0E0; height: 60px;}
.chdForm th{min-width:100px; width: 20%; padding:7px 16px; text-align:left; font-weight: 500;}
.chdForm td{padding:8px 10px}
.chdForm select{padding:5px; background: #F7F7F7; border:1px solid #B8B8B8; border-radius: 4px; width: 100%;}
.chdForm input[type=text],.chdForm input[type=email],.chdForm input[type=password]{padding:6px; background: #F7F7F7; border:1px solid #B8B8B8; border-radius: 4px; width: 100%;}
.chdForm textarea{padding:10px; background: #F7F7F7; border:1px solid #B8B8B8; border-radius: 4px; width: 100%; height: 100px; resize: none;}
.chdForm input[type=radio]{margin:10px; vertical-align: middle }
.chdForm input[type=checkbox]{margin:0 2px 0 6px; vertical-align: middle }

.chd_input{padding:6px 0; background: #F7F7F7; border:1px solid #B8B8B8; border-radius: 4px !important; width: 100%;}

.chdForm .first{margin:0 !importnat;}
.chdForm .input_ms{width:60px !important;}
.chdForm .input_s{width:140px !important;}
.chdForm .input_m{width:240px !important;}
.chdForm .input_l{width:500px !important;}
.chdForm .help{margin-bottom: 10px; background-color: #f4f5f9; display: inline-block; padding: 5px 8px; border-radius: 4px;}
.chdForm .h2_frm {padding:5px 14px; display: inline-block; width:190px;}
.chdForm .formInfo button{padding:5px 14px; background: #888; border:1px solid #666; color:#fff; border-radius: 2px; }
.chdForm input[type=button]{padding:6px 14px 6px; background: #888; border:1px solid #666; color:#fff; border-radius: 2px; cursor: pointer; }
    

.chdForm .cs_req{ background: url(/img/icon/required.gif) no-repeat left center; }
.btn_group{margin-top:30px; text-align: center;}
.btn_group .btn_submit{height: 50px; color:#fff; background: #404040; padding:0 80px; font-size:16px; border-radius: 4px;}
    
.cs_info{position: absolute; top:0; right:0; }



/* lyaer popup start */
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block; position: absolute; top: 50%; left: 50%; min-width: 500px; height:auto;  background-color:#555; z-index: 10;} 
.layer .pop-layer .pop-title{font-weight: 600; margin-bottom: 2rem; line-height: 1;}
.layer .pop-layer .pop-container {padding: 20px; background:#fff; border:1px solid #ccc; border-radius: 6px; overflow-y: auto; }
.layer .pop-layer .pop-container .pop_title{margin-bottom: 10px; font-size:16px; color:#888; text-align: right;}
.layer .pop-layer .pop-container p{line-height: 1.9; color:#888}

.layer .spu-close{position: absolute; right: -22px; top: -20px; padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 30px; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: .8; filter: alpha(opacity=80); color: #fff;}
.layer .btn_popup a{display: inline-block}

.btn-close{width: 25px; height: 25px; text-indent: -9999px; cursor: pointer; position: absolute; border: 0; background-color: transparent;}
.btn-close.cross:before, .btn-close.cross:after{width: 100%; height: 2px; top: 50%; left: 0; content: ""; background: #121212; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute;}
.btn-close.cross:after {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.btn-close.cross.white:before, .btn-close.cross.white:after{background-color: #fff;}
/* lyaer popup end */


.bannerList div{width: 520px; margin: 0 20px 20px 0; float: left;}
.bannerList div:nth-child(2n){margin-right: 0;}

.section-banner{position: relative; margin-bottom: 60px;}
.section-banner.last{margin-bottom: 0;}
.section-banner .inner{display: flex;}
.section-banner .swiper-main{margin-right: 10px; flex-shrink: 0 ; width: 690px;}
.section-banner .swiper-main .swiper-slide img{max-width: 100%; width: auto;}

.btn-swiper-prev{background-image: url('../../../img/icon/ico-arw-slider-l.png')}
.btn-swiper-next{background-image: url('../../../img/icon/ico-arw-slider-r.png');}

.swiper-arrows{position: absolute; top: 50%; z-index: 1; width: 100%;}
.swiper-arrows button{width: 45px; height: 45px; background-size: cover; display: inline-block; background-repeat: no-repeat; position: absolute; }
.swiper-arrows .btn-swiper-prev{left: 10px; margin-top: -22.5px; }
.swiper-arrows .btn-swiper-next{right: 10px; margin-top: -22.5px; }
.swiper-arrows .btn-swiper-prev.swiper-button-disabled{opacity: 0.4;}
.swiper-arrows .btn-swiper-next.swiper-button-disabled{opacity: 0.4}


.section-banner .inq-list{border: 1px solid #d0d0d0; width: 360px; height: 300px; flex-grow: 1;}
.section-banner .inq-list .inq-header{background-color: #fff000; display: flex; align-items: center; padding: 14px 10px; border-bottom: 1px solid #d0d0d0;}
.section-banner .inq-list .inq-header h3{display: inline-block; font-size: 16px; color: #000; font-weight: 600;}
.section-banner .inq-list .inq-header a{font-size: 12px; display: inline-block; background-color: #fff; padding: 3px 6px; color: #3a2d27; margin-left: auto; display: inline-flex; align-items: center;}
.section-banner .inq-list .inq-header a .icon{margin-right: 5px;}

.icon{background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block;}
.ico-more{background-image: url('/img/icon/ico-more.png'); width: 12px; height: 12px;}
/* .section-banner .inq-list .tbl_wrap table{table-layout: fixed;} */
.section-banner .inq-list .tbl_wrap table th{text-align: center; font-weight: 400; font-size: 12px; color: #3a2d27; padding: 13px 0; border-bottom: 1px solid #d0d0d0;}
.section-banner .inq-list .tbl_wrap table td{text-align: center; padding: 10px 3px;}

.section-banner .banner-item + .banner-item{margin-left: 20px;}

.ticker{ width: 360px; }
.ticker.tbl-head li{border-bottom: 1px solid #d0d0d0;}
.ticker li{padding: 10px 5px; display: flex; }
.ticker li span{width: 20%; display: inline-block; text-align: center; font-size: 12px; color: #3a2d27;}
.ticker li span:nth-child(1){width: 20%;}
.ticker li span:nth-child(2){width: 15%;}
.ticker li span:nth-child(3){width: 30%;}
.ticker li span:nth-child(4){width: 20%;}
.ticker li span:nth-child(5){width: 15%;}
.ticker.tbl-body{height: 213px; overflow: hidden;}
.ticker .last em{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; display: inline-block; max-width: 60px;}

.dot-wrap{margin: 0 auto; text-align: center;}
.dot-wrap span{display: block; background-color: #000; width: 3px; height: 3px; border-radius: 3px; margin: 0 auto;}
.dot-wrap span:nth-child(2){margin-top: 4px; margin-bottom: 4px;}

.section-category{margin: 0 0 90px;}
.section-category .category-list{display: flex; justify-content: space-between;}
.section-category .category-list li{width: 100px; position: relative;}
.section-category .category-list li .icon{width: 100px; height: 100px; border-radius: 50%; background-color: #f5f5f5; display: block; background-size: 70%; }
.section-category .category-list li:hover .icon{border: 2px solid #fbaf1e; background-color: #fff000;}
.section-category .category-list li p{margin-top: 10px; text-align: center;}
.section-category .category-list li.active .icon{border: 2px solid #fbaf1e; background-color: #fff000;}
.section-category .category-list li.active p{font-weight: 600;}

.section-category .category-list li .icon.ico-0{ background-size: 50%;}
.icon.ico-0{background-image: url('/img/icon/ico-0.png');}
.icon.ico-1{background-image: url('/img/icon/ico-1.png'); }
.icon.ico-2{background-image: url('/img/icon/ico-2.png'); }
.icon.ico-6{background-image: url('/img/icon/ico-6.png'); }
.icon.ico-4{background-image: url('/img/icon/ico-4.png'); }
.icon.ico-3{background-image: url('/img/icon/ico-3.png'); }
.icon.ico-5{background-image: url('/img/icon/ico-5.png'); }
.icon.ico-194{background-image: url('/img/icon/ico-194.png'); }

#category-gnb{position: relative;}
.category-list > li > .dropdown-menu{display: none; width: 1000px; position: absolute; top: 100%; }
.category-list > li > .dropdown-menu.active{display: block;}
.category-list > li > .dropdown-menu > ul{opacity:0;display:flex;margin-top:31px;transition:all 0.4s;}
.category-list > li > .dropdown-menu.active > ul{opacity:1;transition:all 0.4s 0.4s;}
.category-list > li > .dropdown-menu > ul > li{margin-right:75px;}
.category-list > li > .dropdown-menu > ul > li >a{font-size:16px; color:#1c1c1c; font-weight: 600;}
.category-list > li > .dropdown-menu > ul > li >a:hover{color:#3a95de;}

.bg-category{display:none; margin-top: 30px; background-color:#f9f9f9; width:100%; border: 2px solid #fbaf1e; z-index: 10;}
.bg-category ul{display: flex; padding: 32px 60px;}
.bg-category ul + ul{margin-top: -32px;}
.bg-category ul li{padding: 0; flex: 0 0 16.7%;}
.bg-category ul li a{font-size: 16px;}
.bg-category ul li a:hover{color: #000; font-weight: 600; text-decoration: underline;}
/* .bg-category:before{display:block; content:""; width:100%; height:1px; background-color:#d0d0d0; position:absolute;left:0; top:70px; } */

.sub-category{margin-top: 30px;}
.sub-category #resultCategory{display: none;}
.sub-category.active #resultCategory{display: block; border: 2px solid #fbaf1e; background-color: #f9f9f9;}
.block_box.open .sub-category.active #resultCategory{display: block;}


/* Franchise Detail */
.sp_area{position: fixed; right:0; top:568px; width:200px; background: #fff; border:1px solid #ccc; padding:20px; border-right: 0;}
.sp_area .row{padding-bottom: 10px;}
.sp_area .row .label{margin-bottom: 5px; font-weight: bold;}
.sp_area .row input[type=radio]{vertical-align: middle; }
.sp_area .btn_group{margin-top:10px;}
.sp_area .fmember_list{margin: 0; padding: 0;}
.sp_area .fmember_list li{padding:3px 0}
.sp_area .fmember_list li label{padding-left:5px;}


#inq_ft{ height: 70px; width:100%; color:#fff; position: fixed; bottom: 0; z-index: 20000;}
#inq_ft .finq_inner:after{position: absolute; top:0; left:0; content:""; width: 100%; height: 140px; background: #000; opacity: 0.5}
#inq_ft .inq_content{width:1420px; margin: 0 auto; padding:15px 0 ; z-index: 30000; position: relative;}

#inq_ft .finq_row .finq_label{font-size:20px; font-weight: bold; margin-left:15px; margin-right:5px;}
#inq_ft .finq_row .finq_label.first{margin-left:0;}

.finq_input{display: inline-flex; align-items: center;}
.finq_input input[type=text]{background: #fff; border:1px solid #B8B8B8; padding:9.5px 0; color:#000; opacity: 1}
.iq_text{width:100px;}
.finq_input select{background: #fff; border:1px solid #B8B8B8; padding:8.5px 10px; margin-right:5px}
.finq_agr{margin-left:10px;  display: inline-block; margin-right:30px;}
.finq_agr input[type=checkbox]{vertical-align: middle; margin-right:5px; width:20px; height: 20px;}
.btn_inq{margin-left:30px; }
.btn_inq_submit{background: #2a2a2a; padding:10px 20px; font-size:15px; font-weight: bold; color:#fff; border:1px solid #fff;}

.finq_dtl{color: #fff !important;}
.biz{position: absolute; left:0; top:-90px;}
.btn_inq_area{position: absolute; top:-45px; left:0; cursor: pointer; }

.prv_list li{padding:5px 0; color:#fff; float: left; padding-right:20px;}
.exh_close{font-size:30px; position: absolute; right:10px; top:10px; cursor: pointer; color:#fff;}
.exh_close a{color:#fff !important;}
/*#g_exh_01{padding-top:10px;}*/

.target-self{display: none;}
.target-self.active{display: block; margin-top: 5px;}

.privacy-link{text-decoration: underline !important;}
.finq_agr .privacy-link{color: #fff;}


#topLayer .pop-container{padding: 30px;}
#topLayer .chdForm .formTitle{text-align: center; font-size: 24px; margin-bottom: 30px;}
#topLayer .chdForm .desc{text-align: center; font-size: 16px; line-height: 1.4;}
#topLayer .chdForm .line{text-align: center; margin: 30px auto; background-color: #000; width: 60px; height: 1px;}
#topLayer .chdForm .box{background-color: #fffde5; border: 2px solid #ffcc00; padding: 12px 0; margin-bottom: 20px; text-align: center;}

#topLayer .chdForm .cs_info{margin-top: 10px; position: relative; text-align: right; margin-bottom: 10px;}


.google-auto-placed{display: none !important;}
.adsbygoogle.adsbygoogle-noablate{display: none !important;}



.margin-b-10 {margin-bottom: 10px;}
.margin-b-30 {margin-bottom: 30px;}
.addr_inner {margin-bottom: 5px; }

.chk_result{color: #0000ff;}
.chk_result.exists {color: #ff0000 } 


/* ITEM REGISTER RESULT */
.fc_notice_ps{color: #5a5a5a; font-size: 14px; margin-top: 15px; padding-left: 35px}
.fc_notice{width: 1060px}
.check_img{float: left; width: 135px; height: 118px; margin: 0 20px 0 100px; background: url('/img/fc_notice_check.png')}
.fc_notice_cont{float: left; width: 795px; margin-bottom: 50px}

.fc_notice_title{color: #5a5a5a; margin: 0 0 35px 30px}
.fc_notice_title h1{font-size: 20px; margin: 20px 0 35px 0}
.fc_notice_title p{line-height: 20px;}
.fc_notice_red{color: red; font-weight: 600}

.fc_notice_basic_explanation{width: 500px; margin-left: 25px; padding: 25px 35px; border: 1px solid #dbdbdb; border-radius: 5px; background: #ebebeb;}
.fc_notice_ul{list-style: disc}
.fc_notice_ul li + li{margin-top: 5px;}

.btn_notice_enter{width: 1060px; height: 50px; text-align: center; margin-bottom: 20px; margin: 0 auto;}
.fc_notice_btn{display:inline-block; width: 100px; height: 35px; line-height: 35px; background: #5a5a5a; color: #fff !important; border-radius: 7px; font-size: 16px; font-weight: 600; }


#header{position: relative; padding: 39px 0;}
.container{width: 100%; padding: 0 15px; max-width: 1430px; position: relative; margin: 0 auto;}
#header .logo img{max-height: 31px;}
#header .container{display: flex; align-items: center; justify-content: space-between;}
#header .tnb{display: flex; align-items: center;}
#header .tnb li + li{margin-left: 1rem;}
#header .tnb li a{display: inline-block; padding: 6px 18px; border: 1px solid #8c8c8c; color: #8c8c8c; font-size: 14px; border-radius: 16px;}
#header .tnb li a.home{border-color: #f2ad0b; border-width: 2px; color: #f2ad0b;}


.btn-icon-wrap{display: inline-flex; align-items: center; justify-content: center;}
.btn-icon-wrap .icon{margin-right: 4px;}
.btn-icon-wrap.rtl .icon{margin-left: 4px;}