@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* SIR 지운아빠 */

/* 초기화 */

html {overflow-y:scroll; min-width:1200px;}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif; word-break:keep-all;}
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: 'Noto Sans KR', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
img { /*  image-rendering: -webkit-optimize-contrast; */}
html {
	-webkit-font-smoothing: antialiased;
-moz-font-smoothing: unset;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
	
}
.mo {display:none;}
#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: 'Noto Sans KR', sans-serif;font-size:1em}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;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,a:hover, a:focus, a:active {color:#000;text-decoration:none}
 

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;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 {z-index:4;min-width:1200px;background:#fff; height:98px; background:#ffffff; z-index:1000; border-bottom:1px solid #d2d2d2;}
.hd_zindex {z-index:1000 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}


#hd_wrapper {position:relative;margin:0 auto;width:1200px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#hd_logo {position:relative; float:left; display:block; padding:29px 0 27px ; height:40px;}
#hd_logo img{width:180px;}
#hd_link2 {position:relative; float:right; display:block; padding:29px 0 27px ; height:40px;}

#hd_menu {position:relative; float:left; display:block;  padding:29px 0 27px; height:40px; text-align:center; margin-left:125px;}
.ul_dep1 {position:relative; width: 700px; height:40px; font-size:0;}
.mn_dep1_a {color:#000;}
.mn_dep1_a.hover {color:#1560d1;}
.mn_dep1_a.active {color:#1560d1;}
.mn_dep1 {position:relative; display:inline-block; width:155px; line-height:40px; font-size:19px; text-align:left; padding:0 10px; vertical-align:top;}
.mn_dep1 span {font-size:17px;}

#mn_hover {width:100%; padding:20px 0; background:#fff; position:absolute; top:99px; left:0; right:0; z-index:1000; display:none;}
#mn_dep2 {width:1200px; margin:0 auto; position:relative; height:200px;}
#ul_dep2 {float:left; list-style:none; width:700px;  position:relative; margin-left:265px !important; padding:0; font-size:0; }
.mn_dep2 { position:relative; display:inline-block; width:155px; text-align:center; padding:0 10px; height:200px; vertical-align:top;}
.mn_dep2:last-child {border-right:none;}
.mn_dep2_ul {list-style:none; margin:0; padding:0;}
.mn_dep2_ul li {font-size:18px; line-height:40px;}
.mn_dep2_ul li a {color:#000000;}
.mn_dep2_ul li.hover a {color:#1560d1;}


/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;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}

/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#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, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.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}

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


#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* 하단 레이아웃 */
#ft {width:100%; height:auto; min-width:1200px; position:relative; background:#232323;}

#ft_wrapper {width:1200px; margin:0 auto; padding:75px 0; position:relative; height:86px;}
#ft_logo {width:140px; height:86px; position:relative; float:left;}

#ft_info {font-size:15px; color:#b2b2b2;  line-height:25px; float:left; margin-left:15px; padding:5px 0;}
#ft_login {font-size:16px; color:#b2b2b2;  line-height:25px; float:right;  padding:5px 0;}
#ft_login a {color:#7c7c7c;}

/* 게시물 선택복사 선택이동 */
#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:100px;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.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

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:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

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

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.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:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.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-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {}
.tbl_head01 a:hover {text-decoration:underline}

.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;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;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:70px;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}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {/*height:40px*/}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;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}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

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

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;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:80px;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 {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {}

/* 자바스크립트 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 {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}


/* 페이징
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0; width:35px; height:35px; line-height:35px; border:1px solid #aaa;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;text-decoration:none}
.pg_start, .pg_prev {/* 이전 }
.pg_end, .pg_next {/* 다음 }
.pg_current {display:inline-block;margin:0;background:#2e68da; border:1px solid #2e68da; color:#fff;font-weight:normal}
*/
/* 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}

.mobile {display:none;}

/* 메인 화면 */
#main {width:100%;  position:relative; display:block;  min-width:1200px;}
#main_bg{width:100%; height:auto; min-height:480px;  position:relative; display:block; min-width:1200px;}
#main_slide1{position:relative; width:100%; height:100%; min-height:480px; display:block;}
#main_slide11{position:relative; width:100%; height:100%;min-height:480px; background:url(../../../images/main_bg1.jpg) center center; background-size:cover; }
#main_slide12{position:relative; width:100%; height:100%;min-height:480px; background:url(../../../images/main_bg2.jpg) center center; background-size:cover; }
#main_slide13{position:relative; width:100%; height:100%;min-height:480px; background:url(../../../images/main_bg3.jpg) center center; background-size:cover; }

#main_text {font-size:45px; line-height:60px; color:#ffffff; text-align:left; position:absolute; top:175px; left:-545px; margin-left:50%; z-index:100; font-family:'Spoqa Han Sans Neo', 'sans-serif'; font-weight:lighter; }
#main_bg img{width:100%;  position:relative; display:block;}



/* bxslide */

.bx-wrapper {
  position: relative;
  margin:0;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 40px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ffffff;
  text-indent: -9999px;
  display: block;
  width: 40px;
  height: 8px;
  margin: 0 4px;
  outline: 0;
   transition: all 0.2s; transition-timing-function:ease;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
 transition: all 0.2s; transition-timing-function:ease;
  background: #1560d1;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* bxslide */

#main_cont1 {position:relative; width:100%; height:auto; margin:0 auto; padding:0; min-width:1200px;}
#main_cont1_wrap {position:relative; width:1200px; height:auto; padding:90px 0; margin:0 auto;}
#main_cont1_text {position:relative; width:1200px; text-align:center; font-size:22px; letter-spacing:-0.5px; height:40px; margin:0 auto 45px;}
#main_cont1_list {position:relative; width:1200px; height:auto; margin:0 auto;}
#main_cont1_ul {position:relative; width:1200px; list-style:none; font-size:0; text-align:center; padding:0; margin:0 auto;}
.main_cont1_li {position:relative; display:inline-block; width:262px; margin:0 19px;}
.main_cont1_img {position:relative; width:262px; height:auto; margin: 0 auto 20px;}
.main_cont1_title {position:relative; width:262px; font-size:22px; height:30px; color:#000; font-weight:bold; text-align:center; margin:0 auto 17px;}

.main_cont1_li a .main_cont1_link {position:relative; display:block; font-size:16px; text-align:center; color:#646464; width: 148px; height:38px; line-height:38px; padding:0; border:1px solid #c0c0c0; background:#fff; margin:0 auto; transition: all 0.2s; transition-timing-function:ease; }
.main_cont1_li a:hover .main_cont1_link {border:1px solid #1560d1; background:#1560d1; color:#ffffff;  transition: all 0.2s; transition-timing-function:ease;}



#main_cont2 {position:relative; width:100%; height:auto; min-height:590px; margin:0 auto; padding:0; min-width:1200px; background:url("../../../images/main_3.jpg") center center; background-size:cover;}
#main_cont2_wrap {position:relative; width:1200px; height:auto; padding:80px 0; margin:0 auto;}
#main_cont2_text {position:relative; width:1200px; text-align:center; font-size:22px; line-height:36px; color:#ffffff; letter-spacing:-0.5px; margin:0 auto 70px; height:75px;}

#main_cont2_list {position:relative; width:1200px; height:auto; margin:0 auto;}
#main_cont2_ul {position:relative; width:1200px; list-style:none; font-size:0; text-align:center; padding:0; margin:0 auto;}
.main_cont2_li {position:relative; display:inline-block; width:200px; margin:0 12px; vertical-align: top;}
.main_cont2_shape {position:relative; display:block; width:200px; height:200px; background:rgba(0,0,0,0.65); border-radius:100px;}
.main_cont2_img {position:relative; display:block; width:200px; height:70px; text-align:center; padding-top:40px;}
.main_cont2_title {position:relative; display:block; width:200px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:20px;}
.main_cont2_title.line2 {line-height:30px;}



#main_cont3 {position:relative; width:100%; height:auto; margin:0 auto; padding:0; min-width:1200px; background:#f1f1f1;}
#main_cont3_wrap {position:relative; width:1200px; height:300px; padding:80px 0; margin:0 auto;}

#main_cont3_list {position:relative; width:1200px; height:auto; margin:0 auto;}
#main_cont3_ul {position:relative; width:1200px; list-style:none; font-size:0; text-align:center; padding:0; margin:0 auto;}
.main_cont3_li {position:relative; display:inline-block; width:510px; margin:0 45px; vertical-align: top;  text-align:left;}
.main_cont3_li .title {position:relative; font-size:22px; font-weight:bold;}


/* 서브 상단 메뉴 */
.sub_bg {position:relative; width:100%; height:264px; margin:0 auto; padding:0; min-width:1200px; font-size:36px; line-height:264px; color:#ffffff; font-weight:bold; text-align:center;}
#sub1_bg {background:url("../../../images/sub1_top_bg.jpg") center center; background-size:cover;}
#sub2_bg {background:url("../../../images/sub2_top_bg.jpg") center center; background-size:cover;}
#sub3_bg {background:url("../../../images/sub3_top_bg.jpg") center center; background-size:cover;}
#sub4_bg {background:url("../../../images/sub4_top_bg.jpg") center center; background-size:cover;}

.sub_menu {width:100%; margin:0 auto;  height:69px; background:#f1f1f1; position:relative; }
.sub_mn_ul {position:relative; width:1200px; font-size:0; list-style:none; height:69px; padding:0; margin:0 auto; }
.sub_mn {display:inline-block; text-align:center; line-height:69px; height:69px; font-size:20px;  }
.sub_mn1 {width:298px; border-right:1px solid #ffffff;}
.sub_mn2 {width:298px; border-right:1px solid #ffffff;}
.sub_mn3 {width:298px; border-right:1px solid #ffffff;}
.sub_mn4 {width:238px; border-right:1px solid #ffffff;}

.sub_mn:first-child {border-left:1px solid #ffffff;}
.sub_mn a {display:block;}
.sub_mn a.active {background:#ffffff;}


/* 서브페이지 공통 */
.cont_wrap {width:1200px; margin:0 auto; padding:60px 0; position:relative;  }

.sub_title {width:1200px; font-size:36px; height:40px; line-height:40px; padding:0 0 60px; border-bottom: 1px solid #c9c9c9; text-align:center; font-weight:bold; }
.sub_title45 {width:1200px; font-size:36px; height:40px; line-height:40px; padding:0 0 60px; border-bottom: 2px solid #1560d1; text-align:center; font-weight:bold;  }


.sub_cont {width:1200px; height:auto; padding: 80px 0 ; margin:0 auto;}
.sub_cont1 {width:1200px; height:auto; padding: 30px 0 70px ; margin:0 auto;}
.sub_cont2 {width:1200px; height:auto; padding: 0 0 70px ; margin:0 auto;}

.intro1_wrap {width:1200px; height:auto; font-size:0; margin:0; text-align:left;}
.intro1_left {display:inline-block; width:484px; margin-right:53px; vertical-align:top; height:576px;}
.intro1_right {display:inline-block; vertical-align:top; position:relative; height:576px;}
.intro1_text1 {font-size:30px; line-height:35px; height:35px; margin-bottom:30px; color:#1560d1; font-weight:bold;  letter-spacing:-0.5px;}
.intro1_text2 {font-size:20px; line-height:35px;  margin-bottom:30px; color:#000000; letter-spacing:-0.5px;}
.intro1_text2 span {font-weight:bold;}
.intro1_text3 {position:absolute; bottom:0; left:0;}
.intro1_text3 img {height:40px;}

.intro2_wrap {width:1200px; height:auto; margin:0;}

.intro2_wrap * {box-sizing: border-box;}
.timeline { position: relative; max-width: 1200px; margin: 0 auto; padding: 70px 0 30px;}
.timeline::after { content: ''; position: absolute; width: 2px; background: repeating-linear-gradient( to bottom, #dcdcdc , #dcdcdc 4px, #ffffff, #FFFFFF 6px); top: 0; bottom: 0; left: 50%; margin-left: -1px; }
.time_container { padding: 10px 40px; position: relative; background-color: inherit; width: 50%;}

/* The circles on the timeline */
.time_container::after { content: ''; position: absolute; width: 10px; height: 10px; right: -17px; top: 22px;border-radius: 50%; z-index: 1; }

.time_container.t_left::after{background:#46b7a6;}
.time_container.t_right::after{background:#1560d1;}

/* Place the container to the left */
.t_left { left: 0; }
/* Place the container to the right */
.t_right { left: 50%;}
/* Add arrows to the left container (pointing right) */
.t_left::before { content: " "; height: 2px; position: absolute; top: 26px; width: 60px; z-index: 1; right: 0px; background:#dcdcdc;}
/* Add arrows to the right container (pointing left) */
.t_right::before { content: " "; height: 2px; position: absolute; top: 26px; width: 60px; z-index: 1; left: 0px; background:#dcdcdc;}
/* Fix the circle for containers on the right side */
.t_right::after { left: -5px; }
.t_left::after { right: -5px; }
/* The actual content */
.time_content { padding: 0px 25px;  position: relative; margin-bottom:40px;  }
.time_year {font-size:31px; height:35px; line-height:35px; vertical-align:top; margin-bottom:20px; font-weight:bold}
.t_left .time_year {color:#46b7a6;}
.t_right .time_year {color:#1560d1;}
.time_wrap {font-size:20px; height:40px; line-height:40px; }
.time_month {font-weight:bold; display:inline-block; vertical-align:top;  }
.time_text {display:inline-block; vertical-align:top; letter-spacing:-0.5px}

.t_left .time_content {text-align:right;}
.t_left .time_month {float:right; width:90px; margin-left:10px;}

.t_right .time_content {text-align:left;}
.t_right .time_month {float:left;  margin-right:10px;}
.t_top {position:absolute; width:26px; height:26px; top:0; margin-left:50%; left:-13px; background:url("../../../images/sub12_bg1.jpg"); z-index:10;}
.t_bottom {position:absolute; width:26px; height:26px; bottom:0; margin-left:50%; left:-13px; background:url("../../../images/sub12_bg2.jpg"); z-index:10;}
.intro2_logo {position:relative; text-align:center; margin-top:20px;}


.intro3_wrap {width:1200px; height:auto; margin:0; font-size:0;}
.intro3_ul {width:100%; position:relative; margin:0 auto; padding:0; list-style:none;}
.intro3_li {width:20%; position:relative; display:inline-block; margin-bottom:100px; vertical-align:top; } 
.intro3_img {text-align:center; vertical-align:top; }
.intro3_text{text-align:center; width:100%; font-size:18px; line-height:25px; height:50px; padding:10px 0; color:#000; vertical-align:top; letter-spacing:-0.5px;}


.intro4_wrap {width:1200px; height:auto; margin:0; font-size:0;}

#intro4_map {display:inline-block; width:760px; margin-right:50px; vertical-align:top; height:440px;}
.intro4_right {display:inline-block; vertical-align:top; position:relative; height:576px; padding:10px 0;}
.intro4_t1 {font-size:20px; font-weight:bold; line-height:37px;}
.intro4_t2 {font-size:20px; line-height:27px;margin-bottom:40px;}



.busi_title {font-size:32px; line-height:35px; color:#1560d1; font-weight:bold;margin-bottom:30px;}

.busi_table {width:100%;border-collapse:collapse;border-spacing:0; border-top:3px solid #1560d1; margin:0 auto 80px; }
.busi_table tr {border-bottom:1px solid #c9c9c9;}
.busi_table tr.noborder {border-bottom:0;}
.busi_table th {width: 220px; padding:50px 20px; vertical-align:top;  font-size:20px; line-height:37px; font-weight:bold; color:#000; text-align:left; letter-spacing:-0.5px;}
.busi_table td {padding:50px 0px; vertical-align:top;  font-size:20px; line-height:35px;  color:#000; letter-spacing:-1px;}

.busi_ul {padding:0; margin:0 0 30px; list-style:none; font-size:0; }
.busi_ul li {display:inline-block; width:48%; margin:0 2% 0 0; font-size:20px; line-height:30px;  color:#000;  }
.busi_ul li::before { content: "\2022"; color: #9c9c9c; display: inline-block; margin-right:0.5em; vertical-align:top; }


.busi_ul3 {padding:0; margin:0 0 30px; list-style:none; font-size:0; }
.busi_ul3 li {display:inline-flex; width:100%; margin:0; font-size:20px; line-height:30px;  color:#000;  }
.busi_ul3 li::before { content: "\2022"; color: #9c9c9c; display: inline-block; margin-right:0.5em; vertical-align:top; }
.busi_ul3 li.ml {line-height:1.35em; margin-bottom:0.5em;}

.busi_ul2 {padding:0; margin:0 0 10px; list-style:none; font-size:0;  }
.busi_ul2 li {display:inline-block; width:49.5%; margin-right:1%;}
.busi_ul2 li:nth-child( 2n ) {margin-right:0;}
.busi_ul2 li img {width:100%;}

input[type=submit] {-webkit-appearance:none; -webkit-border-radius: 0;}
input[type=button] {-webkit-appearance:none; -webkit-border-radius: 0;}
/* IE10 이상을 위한 css */
input::placeholder {
  color: #aaa;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder {
  color: #aaa;
}
/* IE */
input:-ms-input-placeholder {
  color: #aaa;
}
/* Firefox */
input:-mos-input-placeholder {
  color: #aaa;
}

.waiting_img {padding:110px 0 60px; margin:0 auto; display:block;}

.board_wrap {width:1200px; margin:0 auto; position:relative; min-height:600px;}


.faq-cate {display:inline-block; font-weight: 400; font-size: 18px; width:150px;  -webkit-transition: text-indent 0.2s; text-indent: 20px; color: #333; height:60px; line-height:60px;}
.faq-heading {display:inline-block; font-weight: 400; font-size: 18px;  -webkit-transition: text-indent 0.2s; color: #333; height:60px; line-height:60px; }
.faq-cate:before {content:"Q"; color:#1560d1; font-size:20px; font-weight:bold; margin-right:15px;}
.faq-text { font-size:18px;  line-height:1.6em; color: #333333; width:calc(100% - 100px); padding:50px; background:#f0f8ff; border-top:1px solid #c9c9c9; word-break:keep-all; display:inline-block;}
.faq-text:before {content:"A"; color:#fff; font-size:20px; font-weight:bold; background:#1560d1; width:30px; height:30px; line-height:30px; border-radius:30px; margin-right:15px; display:inline-block; text-align:center; vertical-align:top;}
.faq-text p {display:inline-block; width: calc(100% - 50px);  word-break:keep-all;}
.faq-text .faq-textwrap{display:inline-block; width: calc(100% - 50px);  word-break:keep-all;}
.faq-text .faq-textwrap ul {margin:0; padding:0; list-style:none;}
.faq-text .faq-textwrap li {display:inline-flex; width:100%; margin:0;  }
.faq-text .faq-textwrap li::before { content: "\2022"; color: #9c9c9c; display: inline-block; margin-right:0.5em; vertical-align:top; }

.faq { width: 100%; margin: 0 auto; position: relative; margin-bottom:50px; }
.faq label { display:  block; position: relative; overflow: hidden; cursor: pointer; height: 56px; padding-top:1px; border-bottom:1px solid #c9c9c9;}
.faq input[type="checkbox"] { display: none;}

.faq .faq-arrow {
  text-align:center;
  width: 60px; height: 60px; line-height:60px; font-size:12px; color:#646464;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  float: right;
  position: relative; margin-right: 10px;
  transform-origin: center;
  -webkit-transform-origin: center;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

 .faq input[type="checkbox"]:checked + label > .faq-arrow {
 color:#1560d1;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  transform-origin: center;
  -webkit-transform-origin: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
 .faq input[type="checkbox"]:checked + label {display: block; background: rgba(255,255,255,255) !important; height: auto; min-height:100px; transition: height 0.8s;  }
 .faq input[type='checkbox']:not(:checked) + label { display: block; transition: height 0.8s; height: 60px;  }




.data_list { width: 100%; margin: 0 auto; position: relative;}
.data_list label { display:  block; position: relative; overflow: hidden; cursor: pointer; height: 170px; padding-top:1px; border-bottom:1px solid #c9c9c9;}

.data-heading {display:inline-block; font-weight: 400; font-size: 20px;  -webkit-transition: text-indent 0.2s; color: #333; height:170px;  }
.file-list { width:calc(100% - 215px); padding:20px 25px 20px 190px; display:inline-block;}

.data-cate {height:170px; float:right; line-height:170px; font-size:20px; color:#333; position: relative;   margin-right: 10px; width:85px;}
.data_list .data-checkbox { display: none;}
.data_thumb {padding:10px 20px; display:inline-block; vertical-align:middle} 
.data_subject {display:inline-block; vertical-align:middle; }

.bo_subject {font-weight:bold; font-size:20px; line-height:25px; color:#333;}
.bo_content {font-size:17px; line-height:25px; color:#333;}

.data_list .data-arrow {
  text-align:center;
  width: 60px; height: 170px; line-height:170px; font-size:12px; color:#646464;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  float: right;
  position: relative; margin-right: 10px;
  transform-origin: center;
  -webkit-transform-origin: center;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

 .data_list .data-checkbox:checked + label > .data-arrow {
 color:#1560d1;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  transform-origin: center;
  -webkit-transform-origin: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
 .data_list .data-checkbox:checked + label {display: block; background: rgba(255,255,255,255) !important; height: auto; min-height:170px; transition: height 0.8s;  }
 .data_list .data-checkbox:not(:checked) + label { display: block; transition: height 0.8s; height: 170px;  }



/* 태블릿 대응 */

@media only screen and (max-width: 1200px) {


.mo {display:block;}
.pc {display:none;}
.mobile {display:block;}

.menuBtn {
  height: 35px;
  width: 35px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10001;
}
.menuBtn > span {
  background-color: #333;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 00%;
  top: 50%;
  margin: -1px 0 0 -15px;
  transition: height 100ms;
}
.menuBtn > span:after,
.menuBtn > span:before {
  content: '';
  background-color: #333;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -18px;
  transition: all 200ms;
}
.menuBtn > span:after {
  top: -15px;
}
.menuBtn > span:before {
  bottom: -15px;
}


.menuBtn.act > span {
  height: 0;
}
.menuBtn.act > span:after,
.menuBtn.act > span:before {
  top: 1px;
}
.menuBtn.act > span:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menuBtn.act > span:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

  html{width:100%; min-width:initial;
  text-size-adjust:none;
   -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 {width:100%; min-width: 100%; height:68px; border-bottom:1px solid #d2d2d2;}
  #hd_wrapper {width:100%}
  #hd_menu, #hd_link2 {display:none;}
  #hd_logo {padding:10px 15px; height:48px;} 
  #hd_logo img {height:100%; width:auto;}
  
  #main {width:100%; min-width:initial; }
  #main_bg {width:100%; min-width:initial; min-height:360px}
  
  #main_text {font-size:40px; width:8em; left:10%; margin-left:0; top:21%; line-height:60px;}
  
  #main_slide1 {height:360px; min-height:360px;}
  #main_slide11 {min-height:360px; background:url('../../../images/main_bg_m1.jpg') center center; background-size:cover;}
  #main_slide12 {min-height:360px; background:url('../../../images/main_bg_m2.jpg') center center; background-size:cover;}
  #main_slide13 {min-height:360px; background:url('../../../images/main_bg_m3.jpg') center center; background-size:cover;}
  
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ffffff;
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 4px;
  margin: 0 4px;
  outline: 0;
   transition: all 0.2s; transition-timing-function:ease;
}

.mainMenu {position:absolute; width:100%; left:0; top:68px; background:#fff; height:auto; z-index:100000; display:none; }
.mo_dep1 {width:100%; border-bottom:1px solid #d2d2d2; padding:0; display:block; }
.mo_dep1 span {padding:2% 5%; display:block; font-size:24px; font-weight:bold; line-height:30px; height:30px; }

.mn_mo_ul { padding:2% 5% !important; margin:0 ; border-top:1px solid #d2d2d2; background:#f3f3f3; display:none;}
.mn_mo_li {font-size:20px; line-height:33px; height:33px; color:#000;}
.mn_mo_li:before { content: "\2022"; color: #000; display: inline-block; width: 1em; vertical-align:top; }
.mn_mo_li a{display:inline-block; width:calc(100% - 1em);}
  
  .mo_dep1 span img {height:27px !important;}
  
  
  
  #main_cont1{ width:100%; min-width:initial;}
  #main_cont1_wrap {width:100%; padding:40px 0;}
  #main_cont1_text {width:100%; height:auto; margin:0 auto 20px;}
  #main_cont1_list {width:95%; margin:0 auto; padding:20px 0 0;}
  #main_cont1_ul {width:100%;}
  .main_cont1_li {width:24%; margin:0 0 25px; margin-right:1.3%}
  .main_cont1_li:nth-child(4n) { margin-right:0}
  .main_cont1_img {width:100%; margin: 0 auto 10px;}
  .main_cont1_img img {width:100%;}
  .main_cont1_title {width:100%; height:auto; line-height:1.7em; margin:0 auto 5px;}
  .main_cont1_li a .main_cont1_link  {}
  
  #main_cont2{ width:100%; min-width:initial; min-height:auto; background:url('../../../images/main_3_m.jpg') center center; background-size:cover;}  
  #main_cont2_wrap {width:100%; padding:40px 0 80px;}
  
  #main_cont2_text{width:100%;  height:auto;  margin:0 auto 20px;}
  #main_cont2_list {width:95%; margin:0 auto; padding:20px 0 0;}
  #main_cont2_ul {width:100%;}
  .main_cont2_li {width:19%; margin:0; margin-right: 1%; position:relative; display:inline-block;}
  .main_cont2_li:after {content:""; display:block; padding-bottom:100%;}

  .main_cont2_li:nth-child(5){ margin-right:0;}
  
  .main_cont2_shape { position: absolute; width: 100%; height: 100%;}
  .main_cont2_img {width:100%; height:35%; padding-top:15%;}
  .main_cont2_img img {width: auto; height:100%;}
  .main_cont2_title {width:100%; font-size:16px; height:50px; line-height:50px;}
  .main_cont2_title.line2 {line-height:25px  }
  
  #main_cont3{ width:100%; min-width:initial; }
  #main_cont3_wrap {width:100%; padding:40px 0; height:auto;} 
  #main_cont3_list {width:90%; margin:0 auto;}
  #main_cont3_ul {width:100%;}
  .main_cont3_li {width:100%; margin:0 auto 30px; }
  
  .main_cont3_li .title {font-size:22px;}
  
  #ft {width:100%; min-width:initial;}
  #ft_wrapper {padding:20px; font-size:0; width:calc(100% - 40px); height:auto; text-align:right;}
  #ft_logo {display:inline-block; vertical-align:top; width:15%; float:initial;}
  #ft_logo img {width:100%;}
  #ft_info .mo {display:none;}
  #ft_info {font-size: 15px; display:inline-block; width:calc(85% - 15px); padding:0; line-height:1.5em; float:initial; text-align:left;}
  #ft_info:after {clear:both;}
  #ft_login {display:inline-block; font-size:15px; float:none; text-align:left; width:calc(85% - 15px); padding:10px 0 5px; }
  
  
  .sub_bg {width:100%; height:200px; min-width:initial; font-size:30px; line-height:200px; }
  .sub_menu {width:100%; height:68px;}
  .sub_menu.l2 {width:100%; height:68px;}

  .sub_mn_ul {width:100%; height:68px;}
  .sub_mn {height:68px; line-height:68px; font-size:20px;}
  .sub_menu.l2 .sub_mn_ul {width:100%; height:68px;}
  .sub_menu.l2 .sub_mn {height:68px; line-height:68px;}  
  .sub_mn1 {width:calc(25% - 1px);}
  .sub_mn2 {width:calc(25% - 1px); letter-spacing:-0.5px;}
  .sub_mn3 {width:calc(25% - 1px); letter-spacing:-0.5px; vertical-align:top;}
  .sub_mn4 {width:calc(20% - 1px); letter-spacing:-0.5px; vertical-align:top;}
  .sub_mn4 a{height:68px; line-height:68px;  vertical-align:middle; }
  .sub_mn3:nth-child(2) a, .sub_mn3:nth-child(3) a{height:50px; padding:9px 0 9px; line-height:25px; }
  .sub_mn4 a{height:68px; line-height:68px;  vertical-align:middle; }
  .sub_mn4:nth-child(3) a, .sub_mn4:nth-child(5) a{height:50px; padding:9px 0 9px; line-height:25px; }
  .sub_mn:first-child{border-left:0;}
  .sub_mn:last-child {border-right:0;}
  
  .cont_wrap {width:calc(100% - 80px); padding: 25px 40px ;}
  .sub_title {width:100%; font-size:30px; line-height:40px; height:40px; padding: 0 0 20px;}
  .sub_title45 {width:100%; font-size:30px; line-height:40px; height:40px; padding:0 0 20px;}
  .sub_cont {width:100%; padding:20px 0;}
  
  .sub_cont1 {width:100%; padding:20px 0;}
  .sub_cont2 {width:100%; padding:0px 0;}
  .intro1_wrap {width:100%;}
  .intro1_left{width:100%; margin-right:0; height:auto; margin-bottom:30px;}
  .intro1_left img {width:100%;}
  .intro1_right {width:100%; height:auto;}
  .intro1_text1 {font-size:30px; line-height:35px; height:35px; margin-bottom:20px;}
  .intro1_text2 {font-size:20px; line-height:35px; margin-bottom:80px;}
  .intro1_text3 img {height:50px;}
  
  .intro2_wrap {width:100%;}
  .timeline_mo table {width:90%;border-collapse:collapse;border-spacing:0; margin-bottom:20px; margin:0 auto;}
  .t_time_year {font-size:25px; text-decoration:underline; vertical-align:top; line-height:30px; height:initial; width: 85px; font-weight:bold;}
  .t_time_year.y1 {color:#1560d1;}
  .t_time_year.y2 {color:#46b7a6;}
  .t_time_month {font-size:20px; text-align:right;  width:40px; font-weight:bold; vertical-align:top; line-height:30px;}
  .t_time_text {font-size:20px; line-height:30px; vertical-align:top; padding:0 0 10px 10px;}
  
  .intro3_wrap {width:100%;}
  .intro3_li {width:24%; margin-bottom:20px; margin-right:1.2%;}
  .intro3_li:nth-child(4n){margin-right:0;}
  .intro3_img {width:100%;}
  .intro3_img img{width:100%;}
  .intro3_text{font-size:18px; line-height:25px; padding:5px 0; height:50px;}
  
  .intro4_wrap {width:100%;}
  #intro4_map {width:100%; margin-right:0; height:300px; margin-bottom:20px;}
  .intro4_right {width:100%; height:auto;}
  .intro4_t1 {}
  .intro4_t2 { margin-bottom:25px;}
  
  
  .busi_wrap {width:100%;}
  .busi_title {font-size:30px; line-height:40px; margin-bottom:15px;}
  .busi_table {margin:0 auto 30px;}
  .busi_table th {display:block; width:100%; padding: 20px 0 15px; font-size:20px;}
  .busi_table td {display:block; width:100%; padding: 0 0 30px; font-size:20px; line-height:1.7em;}
  .busi_table img {width:100%;}
  .busi_ul {margin: 0 0 20px}
  .busi_ul li {font-size:20px; line-height:1.5em;}
  .busi_ul3 {margin: 0 0 20px}
  .busi_ul3 li {font-size:20px; line-height:1.5em;}
  .busi_ul.mo1 li{width:100%;}
  
  .faq {width:100%;}
  .faq input[type="checkbox"]:checked + label {min-height:60px;}
  .faq input[type="checkbox"]:checked + label .faq-text {display:inline-block;}
  .faq input[type='checkbox']:not(:checked) + label {height:auto;}
  .faq-cate {font-size:18px;  width:130px; text-indent:10px; vertical-align:top; }
  .faq-cate:before {font-size:18px; margin-right:15px;  vertical-align:top;}
  .faq-heading {font-size:18px; height:auto; line-height:35px; padding:10px 0; width:calc(100% - 180px);  vertical-align:top;}
 
  .faq-textwrap img {max-width:100%;}
  
  
  .faq .faq-arrow{width:30px; height:60px; line-height:60px; font-size:10px;  vertical-align:top;}
  .faq-text {padding:15px; width:calc(100% - 30px); display:none;vertical-align:top;}
  .faq-text:before {}
  .faq-textwrap { line-height:1.4em;vertical-align:top;  }
  
  
  .data_list .data-checkbox:not(:checked) + label {height:80px;}
  .data_thumb {padding:10px;}
  .data_thumb img {width:60px; height:60px;}
  .data_subject {width:calc(100% - 85px); font-size:20px; line-height:30px; }
  .bo_subject {width:100%; font-size:20px; line-height:30px;}
  .bo_content {display:none;}
  .data-heading {font-size:20px; height:80px; width:calc(100% - 150px);}
  .data-cate {font-size:20px; height:80px; line-height:80px; width:100px; text-align:right; margin-right:0;}
  .data_list .data-arrow {width:30px; height:80px; line-height:80px; font-size:15px;  vertical-align:top; }
  
  
  .file-list {width:calc(100% - 20px); padding:10px}
caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}  


	
	
}


/* 모바일 대응 */

@media only screen and (max-width: 460px) {
.mo {display:block;}
.pc {display:none;}
.mobile {display:block;}

.menuBtn {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10001;
}
.menuBtn > span {
  background-color: #333;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -15px;
  transition: height 100ms;
}
.menuBtn > span:after,
.menuBtn > span:before {
  content: '';
  background-color: #333;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}
.menuBtn > span:after {
  top: -7px;
}
.menuBtn > span:before {
  bottom: -7px;
}


.menuBtn.act > span {
  height: 0;
}
.menuBtn.act > span:after,
.menuBtn.act > span:before {
  top: 1px;
}
.menuBtn.act > span:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menuBtn.act > span:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

  html{width:100%; min-width:initial;
  text-size-adjust:none;
   -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 {width:100%; min-width: 100%; height:70px; border-bottom:1px solid #d2d2d2;}
  #hd_wrapper {width:100%}
  #hd_menu, #hd_link2 {display:none;}
  #hd_logo {padding:15px; width:50%; height:40px;} 
  #hd_logo img {width:100%;}
  
  #main {width:100%; min-width:initial; }
  #main_bg {width:100%; min-width:initial; min-height:240px}
  
  #main_text {font-size:20px; width:8em; left:10%; margin-left:0; top:27%; line-height:30px;}
  
  #main_slide1 {height:240px; min-height:240px;}
  #main_slide11 {min-height:240px; background:url('../../../images/main_bg_m1.jpg') center center; background-size:cover;}
  #main_slide12 {min-height:240px; background:url('../../../images/main_bg_m2.jpg') center center; background-size:cover;}
  #main_slide13 {min-height:240px; background:url('../../../images/main_bg_m3.jpg') center center; background-size:cover;}
  
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ffffff;
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 4px;
  margin: 0 4px;
  outline: 0;
   transition: all 0.2s; transition-timing-function:ease;
}

.mainMenu {position:absolute; width:100%; left:0; top:71px; background:#fff; height:auto; z-index:100000; display:none; }
.mo_dep1 {width:100%; border-bottom:1px solid #d2d2d2; padding:0; display:block; }
.mo_dep1 span {padding:4% 5%; display:block; font-size:17px; font-weight:bold; line-height:25px; height:25px; }

.mn_mo_ul { padding:4% 5% !important; margin:0 ; border-top:1px solid #d2d2d2; background:#f3f3f3; display:none;}
.mn_mo_li {font-size:16px; line-height:33px; height:33px; color:#000;}
.mn_mo_li:before { content: "\2022"; color: #000; display: inline-block; width: 1em; vertical-align:top; }
.mn_mo_li a{display:inline-block; width:calc(100% - 1em);}
  
  
  
  
  
  #main_cont1{ width:100%; min-width:initial;}
  #main_cont1_wrap {width:100%; padding:40px 0;}
  #main_cont1_text {width:100%; font-size:15px;}
  #main_cont1_list {width:90%; margin:0 auto; padding:20px 0 0;}
  #main_cont1_ul {width:100%;}
  .main_cont1_li {width:48%; margin:0 0 25px; margin-right:4%}
  .main_cont1_li:nth-child(2n) { margin-right:0}
  .main_cont1_img {width:100%; margin: 0 auto 10px;}
  .main_cont1_img img {width:100%;}
  .main_cont1_title {width:100%; font-size:16px; line-height:1.7em; margin:0 auto 5px;}
  .main_cont1_li a .main_cont1_link  {width:100px; height:35px; line-height:35px; font-size:13px;}
  
  #main_cont2{ width:100%; min-width:initial; min-height:auto; background:url('../../../images/main_3_m.jpg') center center; background-size:cover;}  
  #main_cont2_wrap {width:100%; padding:40px 0 80px;}
  
  #main_cont2_text{width:100%; font-size:15px; height:auto; line-height:24px; margin:0 auto 15px;}
  #main_cont2_list {width:90%; margin:0 auto; padding:20px 0 0;}
  #main_cont2_ul {width:100%;}
  .main_cont2_li {width:30%; margin:0; margin-right: 5%; position:relative; display:inline-block;}
  .main_cont2_li:after {content:""; display:block; padding-bottom:100%;}
  .main_cont2_li:nth-child(3){margin-right:0;}
  .main_cont2_li:nth-child(5){ margin-right:0;}
  
  .main_cont2_shape { position: absolute; width: 100%; height: 100%;}
  .main_cont2_img {width:100%; height:auto; padding-top:15%;}
  .main_cont2_img img {width: 35%}
  .main_cont2_title {width:100%; font-size:13px; height:36px; line-height:36px;}
  .main_cont2_title.line2 {line-height:18px  }
  
  #main_cont3{ width:100%; min-width:initial; }
  #main_cont3_wrap {width:100%; padding:40px 0; height:auto;} 
  #main_cont3_list {width:90%; margin:0 auto;}
  #main_cont3_ul {width:100%;}
  .main_cont3_li {width:100%; margin:0 auto 30px; }
  
  .main_cont3_li .title {font-size:17px;}
  
  #ft {width:100%; min-width:initial;}
  #ft_wrapper {padding:20px; font-size:0; width:calc(100% - 40px); height:auto; text-align:right;}
  #ft_logo {display:inline-block; vertical-align:top; width:25%; float:initial;}
  #ft_logo img {width:100%;}
  #ft_info {font-size: 12px; display:inline-block; width:calc(75% - 15px); padding:0; line-height:1.5em; float:initial; text-align:left;}
  #ft_info:after {clear:both;}
  #ft_login {display:inline-block; font-size:12px; float:none; text-align:left; width:calc(75% - 15px); padding:15px 0 5px; }
  
  
  .sub_bg {width:100%; height:125px; min-width:initial; font-size:20px; line-height:125px; }
  .sub_menu {width:100%; height:45px;}
  .sub_menu.l2 {width:100%; height:55px;}

  .sub_mn_ul {width:100%; height:45px;}
  .sub_mn {height:45px; line-height:45px; font-size:14px;}
  .sub_menu.l2 .sub_mn_ul {width:100%; height:55px;}
  .sub_menu.l2 .sub_mn {height:55px; line-height:55px;}  
  .sub_mn1 {width:calc(25% - 1px);}
  .sub_mn2 {width:calc(25% - 1px); letter-spacing:-0.5px;}
  .sub_mn3 {width:calc(25% - 1px); letter-spacing:-0.5px; vertical-align:top;}
  .sub_mn4 {width:calc(20% - 1px); letter-spacing:-0.5px; vertical-align:top;}
  .sub_mn4 a{height:55px; line-height:55px;  vertical-align:middle; }
  .sub_mn3:nth-child(2) a, .sub_mn3:nth-child(3) a{height:36px; padding:9px 0 10px; line-height:18px; }
  .sub_mn4 a{height:55px; line-height:55px;  vertical-align:middle; }
  .sub_mn4:nth-child(3) a, .sub_mn4:nth-child(5) a{height:36px; padding:9px 0 10px; line-height:18px; }
  .sub_mn:first-child{border-left:0;}
  .sub_mn:last-child {border-right:0;}
  
  .cont_wrap {width:calc(100% - 40px); padding:20px ;}
  .sub_title {width:100%; font-size:20px; line-height:30px; height:30px; padding: 0 0 20px;}
  .sub_title45 {width:100%; font-size:17px; line-height:30px; height:30px; padding:0 0 20px;}
  .sub_cont {width:100%; padding:20px 0;}
  
  .sub_cont1 {width:100%; padding:20px 0;}
  .sub_cont2 {width:100%; padding:0px 0;}
  .intro1_wrap {width:100%;}
  .intro1_left{width:100%; margin-right:0; height:auto; margin-bottom:30px;}
  .intro1_left img {width:100%;}
  .intro1_right {width:100%; height:auto;}
  .intro1_text1 {font-size:20px; line-height:28px; height:28px; margin-bottom:20px;}
  .intro1_text2 {font-size:16px; line-height:28px; margin-bottom:60px;}
  .intro1_text3 img {height:30px;}
  
  .intro2_wrap {width:100%;}
  .timeline_mo table {width:100%;border-collapse:collapse;border-spacing:0; margin-bottom:20px;}
  .t_time_year {font-size:17px; text-decoration:underline; vertical-align:top; line-height:20px; height:initial; width: 55px; font-weight:bold;}
  .t_time_year.y1 {color:#1560d1;}
  .t_time_year.y2 {color:#46b7a6;}
  .t_time_month {font-size:14px; text-align:right;  width:40px; font-weight:bold; vertical-align:top; line-height:20px;}
  .t_time_text {font-size:14px; line-height:20px; vertical-align:top; padding:0 0 10px 10px;}
  
  .intro3_wrap {width:100%;}
  .intro3_li {width:48%; margin-bottom:20px; margin-right:4%;}
  .intro3_li:nth-child(2n){margin-right:0;}
  .intro3_img {width:100%;}
  .intro3_img img{width:100%;}
  .intro3_text{font-size:14px; line-height:20px; padding:5px 0; height:40px;}
  
  .intro4_wrap {width:100%;}
  #intro4_map {width:100%; margin-right:0; height:300px; margin-bottom:20px;}
  .intro4_right {width:100%; height:auto;}
  .intro4_t1 {font-size:17px; line-height:25px;}
  .intro4_t2 {font-size:14px; line-height:20px; margin-bottom:15px;}
  
  
  .busi_wrap {width:100%;}
  .busi_title {font-size:17px; line-height:30px; margin-bottom:5px;}
  .busi_table {margin:0 auto 30px;}
  .busi_table th {display:block; width:100%; padding: 15px 0 5px; font-size:15px;}
  .busi_table td {display:block; width:100%; padding: 0 0 30px; font-size:14px; line-height:1.7em;}
  .busi_table img {width:100%;}
  .busi_ul {margin: 0 0 15px}
  .busi_ul li {font-size:14px; line-height:1.5em;}
  .busi_ul3 {margin: 0 0 15px}
  .busi_ul3 li {font-size:14px; line-height:1.5em;}
  .busi_ul.mo1 li{width:100%;}
  
  .faq {width:100%;}
  .faq input[type="checkbox"]:checked + label {min-height:60px;}
  .faq input[type="checkbox"]:checked + label .faq-text {display:inline-block;}
  .faq input[type='checkbox']:not(:checked) + label {height:auto;}
  .faq-cate {font-size:14px; height:35px; line-height:35px; width:100px; text-indent:10px; vertical-align:top; }
  .faq-cate:before {font-size:14px; margin-right:10px;  vertical-align:top;}
  .faq-heading {font-size:14px; height:auto; line-height:21px; padding:6px 0; width:calc(100% - 150px);  vertical-align:top;}
 
  .faq-textwrap img {max-width:100%;}
  
  
  .faq .faq-arrow{width:30px; height:35px; line-height:35px; font-size:10px;  vertical-align:top;}
  .faq-text {padding:15px; width:calc(100% - 30px); display:none;vertical-align:top;}
  .faq-text:before {font-size:14px; width:20px; height:20px; line-height:20px; margin-right:10px; vertical-align:top;}
  .faq-textwrap {font-size:13px; line-height:1.4em;vertical-align:top;  }
  
  
  .data_list .data-checkbox:not(:checked) + label {height:80px;}
  .data_thumb {padding:10px;}
  .data_thumb img {width:60px; height:60px;}
  .data_subject {width:calc(100% - 85px); font-size:14px; line-height:20px; }
  .bo_subject {width:100%; font-size:14px; line-height:20px;}
  .bo_content {display:none;}
  .data-heading {font-size:14px; height:80px; width:calc(100% - 110px);}
  .data-cate {font-size:14px; height:80px; line-height:80px; width:60px; text-align:right; margin-right:0;}
  .data_list .data-arrow {width:30px; height:80px; line-height:80px; font-size:10px;  vertical-align:top; }
  
  
  .file-list {width:calc(100% - 20px); padding:10px}
caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}  
}