@charset "UTF-8";

/* sub 기본 */
html { -webkit-box-sizing: border-box; box-sizing: border-box }
body {color: #555; /*word-break:keep-all;*/word-break:break-all; text-align: justify }
*, *::before, *::after {-webkit-box-sizing: inherit;box-sizing: inherit;}
li, dt, dd { line-height: inherit }
input, button { font-family: "Noto Sans KR" }
button { cursor: pointer }
.break_all { word-break: break-all }
.content_body .sr_only,
.content_body .hidden,
.content_body .hide { position: absolute; }
.responsive { max-width: 100%; height: auto }
select.form_control { padding: .25rem .6rem }
.form_control { display: block; width: 100%; border: 1px solid #ddd; vertical-align: middle }
.form_inline .btn { display: inline-block; vertical-align: middle; margin-left: .5rem }
.form_inline .form_control { display: inline-block; width: auto }
.form_control + .unit { margin-left: .5rem; display: inline-block }
.ellipsis, .subject { text-align: left }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; max-width: 94% }
td.subject { padding-left: 20px }
.row { margin-right: -.5rem; margin-left: -.5rem }
.row::after { content: ""; clear: both; display: table }
.clearfix::after { content: ""; clear: both; display: table }
.inline { display:table;margin-bottom:.7rem }
.inline>* { display:table-cell;padding-right:.2rem }
.float_left, .pull_left { float: left }
.float_right, .pull_right { float: right }
.txt_left { text-align: left!important }
.txt_center { text-align: center!important }
.txt_right { text-align: right!important }
.float_wrap::after { content: ""; clear: both; display: table }
.float_wrap .float_left + ul { overflow: hidden }
.outdent { margin-left: 0 !important }
.outdent .outdent { margin-left: -22px }
.point01 { color: #21a089 }
.point02 { color: #043763 }
.point03 { color: #4a75b9 }
.clearbh {clear:both;}
.font90 {font-size:0.9em}
.mh520 {min-height:5.2rem;}
.textLine {text-decoration:none !important;}

header.fixed { border-bottom:0 }
/*header .search { padding-left: 4.6rem }*/
#contentWrap { width: 1180px; font-size:.8rem; max-width: 100%; margin: 0 auto; position: relative; margin: 2.5rem auto 5rem; /*padding: 0 2.5rem;*/ }
#contentWrap::after { content: ""; clear: both; display: table }
#snb { width: 268px; float: left }
#snb .title { font-size:1.3rem; font-weight: 400; position: relative; padding: .1rem 0 .8rem; border-bottom: 2px solid #d3d8dd }
#snb .title span { position: relative; z-index: 1 }
#snb .nav { margin-bottom: 1rem }
#snb .nav > ul { border-bottom: 1px solid #d3d8dd }
#snb .nav > ul > li { position: relative }
#snb .nav > ul > li ~ li { border-top: 1px solid #eaeef3 }
#snb .nav > ul > li > a { display: block; padding: .7rem 1rem .7rem .5rem; font-size: 1.066em; letter-spacing:-1px; position: relative; z-index: 1 }
#snb .nav > ul > li > a::before { content: '\e942'; font-family: "xeicon"; font-size: 1rem; display: block; position: absolute; right: 0.4rem; top: .8rem; z-index: 2; color: #aaa; -webkit-transition: all 0.2s; transition: all 0.2s }
#snb .nav > ul > li.active > a { background-color: #21a089; color: #fff }
#snb .nav > ul > li:hover > a::before { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
#snb .nav > ul > li.active > a::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #fff }
#snb .nav > ul > li.active .depth3 { display: block }
#snb .nav > ul > li .depth3 { display: none; padding: 1rem .5rem 1rem .75rem; background-color: #f5f6fa }
#snb .nav > ul > li .depth3 > li.active { color: #21a089; font-weight: bold }
#snb .nav > ul > li .depth3 > li.active a::before { background-color: #21a089 }
#snb .nav > ul > li .depth3 > li.active a::after { content: ''; display: inline-block; vertical-align: middle; width: 9px; height: 2px; margin: -3px 0 0 .25rem; background-color: #21a089 }
#snb .nav > ul > li .depth3 > li > a { display: block; position: relative; font-size: 1em; padding-left: .593em }
#snb .nav > ul > li .depth3 > li > a::before { content: ''; background-color: #555; width: 2px; height: 2px; position: absolute; left: 0; top: .667em }
#snb .nav > ul > li .depth3 > li > a:hover { font-weight: bold; text-decoration: underline }
#snb .nav > ul > li .depth3 > li ~ li { margin-top: .3rem }
#snb a[target="_blank"]::after,
.depth4 a[target="_blank"]::after,
#depth5_menu_ul a[target="_blank"]::after,
.content_body a[target="_blank"]::after,
.content_body .galleryList a[target="_blank"] strong.title::after { content: '\e980'; font-family: "xeicon"; margin-left: .1rem; display:inline-block; vertical-align:middle; font-size:1.1em }
figure a[target="_blank"]::after { display: none }
.content_body a[target="_blank"] { color:#075290;  }
.content_body a[target="_blank"] span{text-decoration:underline}
.content_body .tstyle_list a[target="_blank"],
.content_body .depth4 a[target="_blank"],
.content_body .depth5 a[target="_blank"],
.content_body .org_quarantine a[target="_blank"]{color:#555; }
.content_body .tstyle_list a[target="_blank"] span,
.content_body .depth4 a[target="_blank"] span,
.content_body .depth5 a[target="_blank"] span,
.content_body .org_quarantine a[target="_blank"] span{text-decoration:none}
.content_body .galleryList a[target="_blank"]::after {display:none;}
/*
.basicBtnWrap a[target="_blank"],
.depth4 a[target="_blank"],
a.btn[target="_blank"] { text-decoration:none }
*/
a.btn[target="_blank"]::after { display:none }
#snb .banner_1339 { display: block; padding: 1.5rem 0; border: 1px solid #eaeef3; text-align: center }
#snb + #content { float: left; width: 880px; margin-left: 32px; position: relative; margin-bottom:70px; }
#li0204000000,
#li0404000000,
#li0604000000 { display: none }


.content_info { margin-bottom: 1.5rem; position: relative; text-align:left }
.content_info .info, .content_body .info { font-size: .7rem; border-bottom: 1px solid #eaeef3; padding: .6rem; letter-spacing: -0.03em }
.content_info .info::after, .content_body .info::after { content:""; display:block; clear:both }
.content_info .info li, .content_body .info li { display: inline-block }
.content_info .info li ~ li::before, .content_body .info li ~ li::before { content: ""; display: inline-block; width: 2px; height: .6rem; background-color: #d3d8dd; margin: 0 .4rem }
.content_info .info li:last-child, .content_body .info li:last-child { float: right }
.content_info .info li:last-child::before, .content_body .info li:last-child::before { display: none }
.content_info .info span, .content_body .info span { color: #888; margin-right: .4rem }
.content_info .info b, .content_body .info b { font-weight: normal }

.content_info > .title { font-size: 1.4rem; color: #333; line-height: 1.15; padding-bottom: 1.2rem; border-bottom: 2px solid #222; letter-spacing: -0.03em }
.content_info .loacation_wrap { position: absolute; right: 0; top: -2rem }
.content_info .location { padding: .5rem 0; font-size: .7rem }
.content_info .location li { display: inline-block }
.content_info .location li:last-child a {color:#21a089; font-weight:bold;}
.content_info .location li ~ li::before { content: "\e940"; font-family: "xeicon"; margin: 0 .25rem }
.content_info .util { position: absolute; right: 0; top: 0 }
.content_info .util .sns { display: inline-block; vertical-align:middle; padding:0 .5rem; position: relative;  }
.content_info .util .sns.active .sns_list, .content_info .util .sns.active .close_btn { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s }
.content_info .util [class$="_btn"] {display: inline-block; vertical-align:middle;  border-radius: 50%; width: 2rem; height: 2rem; line-height:1.9rem; text-align: center; font-size: .9rem; color: #7f7f7f; border: 1px solid #ddd; position:relative; z-index:2 }
.content_info .util [class$="_btn"]:hover { background-color: #ddd; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s }
.content_info .util .sns.active .sns_btn { opacity: 0; visibility: hidden }
.content_info .util .sns_list,
.content_info .util .close_btn { position: absolute; right: .5rem;  top: 0%; opacity: 0; visibility: hidden }
.content_info .util .close_btn { right: 0; z-index: 2; border-color:#999 }
.content_info .util .sns_list ul { background-color: #fff; border: 1px solid #ddd; border-radius: 1rem; padding: .3rem 2.5rem .3rem .3rem; height:2rem }
.content_info .util .sns_list li { display: table-cell; padding: 0rem .15rem }
.content_info .util .sns_list li i { border-radius: 50%; width: 1.2rem; height: 1.2rem; text-align: center; color: #fff; padding-top: .2rem; -webkit-transition: all 0.2s; transition: all 0.2s }
.content_info .util .sns_list li .xi-facebook { background-color: #4267b2; border: 1px solid #4267b2 }
.content_info .util .sns_list li .xi-twitter { background-color: #01aced; border: 1px solid #01aced }
.content_info .util .sns_list li .xi-naver { background-color: #3acc15; border: 1px solid #3acc15 }
.content_info .util .sns_list li .xi-kakaostory { background-color: #fac500; border: 1px solid #fac500 }
.content_info .util .sns_list li a:hover i { background-color: transparent }
.content_info .util .sns_list li a:hover .xi-facebook { color: #4267b2 }
.content_info .util .sns_list li a:hover .xi-twitter { color: #01aced }
.content_info .util .sns_l0ist li a:hover .xi-naver { color: #3acc15 }
.content_info .util .sns_list li a:hover .xi-kakaostory { color: #fac500 }

.content_body .depth4 { display: table; table-layout: fixed; width: 100% }
.depth4 li { display: table-cell; border: 1px solid #e1e6eb; vertical-align: middle; padding-left: 0; background-color: #f5f6fa }
.depth4 li::before { display: none }
.depth4 li a { display: block; text-align: center; padding: .6rem .4rem; line-height: 1.35; margin: 0 }
.depth4 li:hover { background-color: #edeef3; -webkit-transition: all 0.2s; transition: all 0.2s }
.depth4 li.active { background-color: #fff; border-color: #043763; color: #043763; font-weight:bold; border-bottom-width: 1px }
.row_br::after { content: ""; clear: both; display: table }
.row_br li { display: table; width: 25%; min-height: 3.2rem; float: left }
.row_br li a { display: table-cell; vertical-align: middle; padding: .4rem .6rem; min-height:64px; }
.li_col4 li { width: 33.33% }

#depth5_menu_ul { text-align: center; width: 100%; padding-left: 0; border-bottom: 1px solid #e1e6eb }
#depth5_menu_ul li { display: inline-block; vertical-align: middle; padding-left: 0; position: relative }
#depth5_menu_ul li::before { display: none }
#depth5_menu_ul li ~ li::after { content: ''; display: block; width: 2px; height: 13px; background-color: #cdd5e1; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
#depth5_menu_ul li a { display: block; text-align: center; padding: .4rem .6rem; margin: 0; position: relative; text-decoration: none }
#depth5_menu_ul li a::before { content: ''; display: none; width: 100%; height: 2px; background-color: #21a089; position: absolute; left: 0; bottom: 0; margin-top: .5rem }
#depth5_menu_ul li.active { font-weight: bold; color: #21a089 }
#depth5_menu_ul li.active a::before { display: block }

.content_body { font-size: 1em; line-height: 1.6; position: relative }
.content_body h2,
.content_body h3,
.content_body h4,
.content_body h5 { position: relative; letter-spacing: -0.03em; padding-left:1.2rem }

.content_body h2 { color: #333; margin: 2.5rem 0 1rem;  font-size: 1.466em }
.content_body h2::before { content: ''; background-color: transparent; width: 13px; height: 13px;  border: 3px solid #333; border-radius: 0; position: absolute; left: 0; top: 0.6rem }
.content_body h2::after { content: ''; display: block; width: 5px; height: 5px; background-color: #fff; position: absolute; top: 1.1rem; left: .5rem }
.content_body h2 + figure,
.content_body h2 + img,
.content_body h2 + .box,
.content_body h2 + .aCont,
.content_body h2 + .contBox { margin-top: 2rem }
.content_body h3 { color: #043763; margin: 1rem 0 .7rem; font-size: 1.266em }
.content_body h3::before { content: ''; width: 10px; height: 10px; border:3px solid #11416b; border-radius: 50%; position: absolute; left: .2rem; top: 0.55em }
.content_body h4 { color: #5573a2; margin: .7rem 0 .5rem; font-size: 1.133em }
.content_body h4::before { content: '';display: block; background-color: #5573a2; width: 6px; height: 3px; border-radius: 0; position: absolute; left: .45rem; top: 0.7em }
.content_body h5 { color: #333; margin: .7rem 0 .5rem; font-size: 1em }
.content_body h5::before { content: ''; display: block;background-color: #043763; width: 3px; height: 3px;  position: absolute; left: .55rem; top: .7em }
.content_body .none { padding-left: 0 }
.content_body .none::before{ display:none }
.content_body ul,
.content_body ol,
.content_body p,
.content_body img,
.content_body figure,
.content_body .box,
.content_body .embed-container,
.content_body .table_wrap,
.content_body .FileAttach,
.content_body .btns { margin-bottom: 1rem }
.content_body figure { text-align: center; margin-top: .5rem }
.content_body figure img { margin-bottom: 0 }
.indent, .card_list,
.img_left_cont,
.content_body ul,
.content_body ol,
.content_body > p { margin-left: 1.2rem }
.content_body .table_wrap { padding-left: 1.2rem }
.content_body li .table_wrap { padding-left: 0 }
.content_body li p { margin-left: 0; margin-bottom: .5rem }
.content_body .table_wrap + .smallText { margin-top: -.5rem }
/*.content_body .link { text-decoration: underline }*/
.content_body .link[target="_blank"]::after { content: '\e980'; font-family: "xeicon"; margin: 0 .2rem }
.content_body .figure.pull-right { margin-left: 1rem }
.content_body .figure .close { display: none }

.content_body ul > li { padding-left: .66em; position: relative }
.content_body ul > li::before { content: ''; background-color: #4d4d4d; width: 3px; height: 3px; border-radius: 50%; position: absolute; left: 0; top: 0.6em }
.content_body ul > li > ul { padding: 5px 0; margin: 0 }
.content_body ul > li > ul > li { line-height: 1.5; padding-left: 10px; font-size: .933em; position: relative }
.content_body ul > li > ul > li::before { content: ''; background-color: #757575; width: 4px; height: 1px; border-radius: 0; position: absolute; left: 0; top: 0.7393em }
.content_body ul[class] { margin-left: 0 }
.content_body ul[class] > li { padding-left: 0 }
.content_body ul[class] > li::before { display: none }
.content_body p.dot { position: relative; padding-left: .66em }
.content_body p.dot::before { content: ''; background-color: #4d4d4d; width: 3px; height: 3px; border-radius: 50%; position: absolute; left: 0; top: 0.6em }
.content_body ul ol { margin: 0 }
.content_body ul table { margin-left: 0 }
.content_body ol ol { margin-left: 1rem }
.content_body ol table { margin-left: 0 }
.content_body table { text-align: center; table-layout: fixed; width: 100%; border-top: 1px solid #333 }
.content_body table.layout_auto { table-layout: auto }
.content_body table th, .content_body table td { background: #fff; border: 1px solid #e8e8e8; border-top: 0; padding: .5rem; word-break: break-word; word-wrap:break-word; font-size: .866em; }
.content_body table th.narrow, .content_body table td.narrow { padding-left: .2rem; padding-right: .2rem }
.content_body table thead th { background: #f5f7fd; color: #333; padding: .6rem 0; border: 1px solid #e8e8e8; border-bottom-color: #d3d8dd; border-top-color: #777 }
.content_body table th:first-child, .content_body table td:first-child { border-left: 0 }
.content_body table th:last-child, .content_body table td:last-child { border-right: 0 }
.content_body table tbody th, .content_body table tfoot th { background: #fafbff; padding: .5rem .25rem; color: #444; letter-spacing: -1px }
.content_body table tbody.left th, .content_body table tbody.left td, .content_body table td.left, .content_body table th.left { text-align: left !important }
.content_body table td.right, .content_body table th.right { text-align: right !important }
.content_body table td.tdCntLeft { text-align: left; padding: 0 5px }
.content_body table.boardList .subject a { display: inline-block; vertical-align: middle; max-width: 90%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.content_body table.boardList .xi-new { color: #f63; display: inline-block; vertical-align: middle }
.content_body table ul { margin: .5rem 0 }
.content_body table ul > li { font-size: 1em }
.content_body .unit { text-align: right; font-size: 0.933em; margin: 0rem 0 .5rem }

.content_body .FileAttach { border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf }
.content_body .FileAttach::after { content: ""; clear: both; display: table }
.content_body .FileAttach strong { color: #0767b1; float: left; padding: 1em }
.content_body .FileAttach ul { padding: 10px 0 10px 10px; float: left; margin-bottom: 0 }
.content_body .FileAttach ul li { padding-left: 0 }
.content_body .FileAttach ul li::before { display: none }
.content_body .FileAttach ul li a { font-size: .92857142em; color: #333; background: url(../images/fileatt_ico.png) no-repeat; padding: 0 0 0 16px; display: inline-block; background-position: 0 9px }
.content_body .FileAttach .fileicon { padding-left: 5px }
.content_body .btn { padding: .5rem 1rem; margin-bottom: .5rem; display: inline-block; text-decoration: none }
/*
.content_body .btn.type1 { background-color: #21a089; border: 1px solid #21a089; color: #fff }
.content_body .btn.type1:hover { background-color: transparent; color: #21a089; -webkit-transition: all 0.2s; transition: all 0.2s }
*/
.content_body .btn.type1,
.content_body .btn.type2 { background-color: transparent; color: #043763;border: 1px solid #043763; }
.content_body .btn.type1:hover,
.content_body .btn.type2:hover { background-color: #043763;  color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s }

.content_body .btn.type3 { background-color: #666; border: 1px solid #666; color: #fff }
.content_body .btn.type3:hover { background-color: transparent; color: #666; -webkit-transition: all 0.2s; transition: all 0.2s }

.content_body .btn.type4 { background-color: #ccc; border: 1px solid #ccc; color: #fff }
.content_body .btn.type4:hover { background-color: transparent; color: #ccc; -webkit-transition: all 0.2s; transition: all 0.2s }
.content_body .btn.type5 { background-color: transparent; border: 1px solid #d3d8dd }
.content_body .btn.type5:hover { border-color: #555; -webkit-transition: all 0.2s; transition: all 0.2s }
.content_body .btn.lg {font-size: .8rem;padding: .4rem 2rem;min-width: 5rem;text-align: center;}
.content_body .btn.sm { font-size: .7rem; padding: .1rem .5rem }
.content_body .btn.xsm { font-size: .6rem; padding: 0rem .5rem }
.content_body .btn span { display: inline-block }
.content_body .btn i { display: inline-block }
.content_body .btn span + i,
.content_body .btn i + span { margin-left: .3rem }



/* ==========================================================================================
// 콘텐츠 공통
============================================================================================*/
.tlf { text-align: left }
.box, .aCont, .contBox { background-color: #f5f6fa; border: 1px solid #d3d8dd; padding: .5rem; margin: 0 0 1rem 1rem; border-radius: 0 }
.box ul, .aCont ul, .contBox ul { margin-bottom: 0; margin-left:.5rem }
.no_border { border: 0 }
.smallText { font-size: .933em; color: #757575 }
p + .smallText { margin-top: -.5rem }
[class*="col_"] { float: left; padding: 0 .5rem }
.col_6 { width: 50% }
.col_4 { width: 33.33% }
.col_3 { width: 25% }
.col_2 { width: 16.66% }
.size10p { width: 10%!important }
.size20p { width: 20%!important }
.size30p { width: 30%!important }
.size40p { width: 40%!important }
.size50p { width: 50%!important }
.size60p { width: 60%!important }
.size70p { width: 70%!important }
.size80p { width: 80%!important }
.size90p { width: 90%!important }
.size100p { width: 100%!important }
.img_left_cont::after { content: ""; clear: both; display: table }
.img_left_cont > img { float: left; margin-right: 2rem }
.img_left_cont h2, .img_left_cont h3, .img_left_cont h4 { overflow: hidden }
.img_left_cont > ul, .img_left_cont > p { overflow: hidden; padding-left: 1.2rem }
.img_left_cont + .basicBtnWrap { border-top: 1px solid #eaeef3; padding-top:1.5rem }

.external_link_page p { padding-top: 2rem }
.external_link_page + .basicBtnWrap { margin-top: 0 }
.img_border img { border: 1px solid #ddd }
.full_img img { width: 100% !important }
.full_btn .btn { width: 100% }
.basicBtnWrap { clear: both; display: block; text-align: center; margin-top: 2rem }
.basicBtnWrap .basicBtn { display: inline-block; width: auto }
.card_list { margin-top: 2rem; margin-bottom: 2rem }
.card_list::after { content: ""; clear: both; display: table }
.card_list ul{margin-bottom:0 }
.card_list [class*="item"] { text-align: center }
.card_list [class*="item"] .card { background-color: #f5f6fa; border-radius: 1rem; padding: 1.5rem 1rem 1rem; position: relative }
.card_list [class*="item"] .card strong { font-size: 1.133em; color: #043763; display: block; margin-bottom: 1rem }
.card_list [class*="item"] .card::before { content: ''; display: block; width: 1.8rem; height: 1.8rem; border-radius: 50%; background-color: #043763; color: #fff; position: absolute; left: 50%; top: 0%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: -.9rem; font-size: 1.333em }
.card_list .item1 .card::before { content: '1' }
.card_list .item2 .card::before { content: '2' }
.card_list .item3 .card::before { content: '3' }
.strong_list strong { margin-right:.5rem }
.gallery_list > li { margin-bottom: 1rem }
.gallery_list img { display:block; margin-left: auto; margin-right: auto }
.gallery_list .title { display:block; font-weight:normal; height:2.6rem; }
.gallery_list .basicBtn { margin-top: .5rem }

.bx_type2 { position: relative; margin: 1rem 0 2rem; padding: 6rem 2.5rem 2.5rem; border: 1px solid #ddd; text-align: center;}
.bx_type2:after { content: ""; display: block; clear: both;}
.bx_type2 .tit { position: absolute !important; left: 0; top: 0; width: 100%; padding:.8rem 0; background: #f5f6fa; font-size: .75rem; text-indent: 0; visibility: visible; overflow: visible; text-align: center; color:#333; font-weight: bold;}
.bx_type2.notit { padding: 2.5rem;}
.bx_type2 table:first-child { margin-top: 0;}
.bx_type2 .close { display: none }



/* ==========================================================================================
// 기타
============================================================================================*/

/* sitemap */
.sitemap { margin: 0 }
.sitemap::after { content: ""; clear: both; display: table }
.sitemap > dl { float: left; margin:1rem 1% 0 0; width: 24% }
.sitemap > dl:nth-child(4n) { margin-right: 0 }
.sitemap > dl:nth-child(4n+1) { clear:both;}
.sitemap > dl dt { margin: 0; padding: 0; font-weight: normal }
.sitemap > dl dt a { display: block; height: 2.5rem; background: #043763; font-size: .85rem; line-height: 2.5rem; text-align: center; color: #fff }
.sitemap > dl dt:before, .sitemap > dl dt:after { display: none }
.sitemap > dl .menu { margin: .25rem 0 0 }
.sitemap > dl .menu > li { padding: 0 0 .25rem }
.sitemap > dl .menu > li:before { display: none }
.sitemap > dl .menu > li > a { display: block; height: 1.9rem; border: 1px solid #e1e6eb; background: #f5f6fa; line-height: 1.9rem; color: #043763; font-size: .9em; text-indent: .25rem; letter-spacing:-1px }
.sitemap > dl .menu > li > ul { padding: .6rem; margin-top: -1px; border: 1px solid #e1e6eb }
.sitemap > dl .menu > li > ul > li { padding: 0; line-height: 1.4rem; font-size: .8em; color: #66768c; letter-spacing: -1px }
.sitemap > dl .menu > li > ul > li:before { display: none }
.sitemap > dl .menu > li > ul > li > ul { padding: 0 }
.sitemap > dl .menu > li > ul > li > ul > li { position: relative; padding: 0 0 0 .5rem }
.sitemap > dl .menu > li > ul > li > ul > li a { font-size: .65rem; color: #888; letter-spacing: -0.06rem }
.sitemap > dl .menu > li > ul > li > ul > li:before { top: 8.5px; left: .15rem; width: 2px; height: 2px }
.sitemap > dl.sitemap-menu02 .menu > li:last-child,
.sitemap > dl.sitemap-menu04 .menu > li:last-child,
.sitemap > dl.sitemap-menu06 .menu > li:last-child { display:none }

/* ==========================================================================================
//이즈소프트 CMS board CSS
============================================================================================*/
/* 페이지,검색영역*/
div.board_info { font-size: .93333333em; position: relative; margin-top:2.5rem }
div.board_info::after { content: ""; clear: both; display: table }
div.board_info .page_info { float: left; margin-top: 8px }
div.board_info .page_info .txt_bold { font-weight: bold }
div.board_info .page_info strong { color: #fd6800 }

/*검색*/
div.board_info .Search_rss { float: right; text-align: right }
div.board_info .Search_rss a.icon_rss { display: none }

div.board_info fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden }
div.board_info fieldset input[type="text"] { -webkit-ime-mode: active; -moz-ime-mode: active; -ms-ime-mode: active; ime-mode: active }
div.board_info fieldset select, div.board_info fieldset input, div.board_info fieldset button { border: 1px solid #ddd; border-right: 0; display: block; width: 100%; height: 100%; padding: 0 0 0 1rem }
div.board_info fieldset span { display: table-cell; height: 2rem; margin-left: -4px; vertical-align: middle }
div.board_info fieldset span:first-of-type { margin-left: 0 }
div.board_info fieldset span.form-select { min-width: 8rem; position: relative; background-color: #f5f6fa }
div.board_info fieldset span.form-select::after { content: '\e942'; position: absolute; right: .5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon" }
div.board_info fieldset span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; padding-right:1.5rem; }
div.board_info fieldset span.form-select select::-ms-expand { display: none }
div.board_info fieldset span.form-input { width: 11rem }
div.board_info fieldset span.form-btn { min-width: 2rem }
div.board_info fieldset span.form-btn button { background-color: #f5f6fa; border: 1px solid #d3d8dd; cursor: pointer; font-size: 0; color: #043763; position: relative; -webkit-transition: background .2s; transition: background .2s; vertical-align: top }
div.board_info fieldset span.form-btn button:before { content: '\e97a'; font-family: "xeicon"; font-size: 1rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
div.board_info fieldset span.form-btn button:hover, div.board_info fieldset span.form-btn button:focus { background-color: #043763; color: #fff }

/*Board list*/
div.tstyle_list { border-top: 1px solid #666; border-bottom: 1px solid #e4e4e4 }
div.tstyle_list > div > ul { display: table; table-layout: fixed; width: 100%; clear: both; overflow: hidden; margin: 0 }
div.tstyle_list > div > ul > li { -webkit-box-sizing: border-box; box-sizing: border-box; /*border-left:1px solid #DCD9D9;*/ display: table-cell; font-weight: normal; min-height: 44px; padding: .7rem 5px; text-align: center; text-overflow: ellipsis; /*white-space:nowrap;*/ width: 10%; vertical-align: middle; word-break: break-all }
div.tstyle_list > div > ul > li::before { display: none }
div.tstyle_list > div > ul > li:first-child { border-left: 0 }


div.tstyle_list > div.dhead { border-bottom: 1px solid #bfbfbf }
div.tstyle_list > div.dhead > ul li { color: #333; font-weight: 500 }
div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #e4e4e4 }
div.tstyle_list > div.dbody > ul:last-child { border-bottom: 0 }
div.tstyle_list > div.dbody > ul.notice { background: #fbfbfb }
div.tstyle_list > div.dbody > ul.notice li:first-child { color: #000; font-weight: 500 }
div.tstyle_list > div.dhead > ul li.title { width: auto; text-align: center }
div.tstyle_list > div.dbody > ul > li.title { width: auto; text-align: left }
div.tstyle_list > div.dbody > ul > li a span{ display: inline-block; vertical-align:middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
div.tstyle_list > div.dbody > ul > li.file a { text-align: center; width: 100% }
div.tstyle_list > div.dbody > ul > li span.re-num { color: #d85430 }
div.tstyle_list > div.dbody > ul > li a:hover { text-decoration: underline }
div.tstyle_list > div.dbody > ul > li a.btn-line { display: inline-block; width: auto }
div.tstyle_list > div.dbody > ul > li a.btn-line:hover { color: #fff; text-decoration: none }
div.tstyle_list > div.dbody .xi-new { color: #21a089; font-size: .9rem; display: inline-block; vertical-align: middle; margin-left: .4rem }
div.tstyle_list .W13 { width: 13% }
div.tstyle_list .W8 { width: 8% }
div.tstyle_list > div.dhead > ul li.title + li.W13,
div.tstyle_list > div.dbody > ul li.title + li.W13 { width: 20% }
div.tstyle_list .pc_hide { display:none }

/* 내용이 없을때 가운데 정렬 */
.nodata{padding:.7rem;text-align:center }

/*programNav 수정*/
.board_pager { margin: 30px auto; text-align: center }
.board_pager .inner { display: table; margin: 0 auto }
.board_pager a { border-radius: 50%; width: 1.6rem; height: 1.6rem; text-align: center; color: #888; border: 1px solid transparent; display: inline-block; vertical-align: middle; font-size: .8rem; padding-top: .12rem; margin: 0 2px; text-decoration: none }
.board_pager a:hover { background-color: #f5f6fa; -webkit-transition: all 0.2s; transition: all 0.2s }
.board_pager a.pageFirst,
.board_pager a.pageLast,
.board_pager a.pagePrev,
.board_pager a.pageNext { border: 1px solid #ddd;  }
.board_pager .pageNone:hover { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s }
.board_pager .pageNow,
.board_pager .pageNow:hover { background-color: #21a089; border-color: #21a089 }
.board_pager .pageNow strong { color: #fff }
.board_pager + .survey { margin-top: 100px }
.board_pager i { font-size: .9rem; margin-top: .2rem; color: #555 }
.board_pager .pageFirst i::after { content: "\e93c"; font-family: "xeicon"; margin-left: -.6rem }
.board_pager .pageLast i::after { content: "\e93f"; font-family: "xeicon"; margin-left: -.6rem }
.board_pager .pagePrev { margin-right: 1rem }
.board_pager .pageNext { margin-left: 1rem }

/*Board View - JYC 20190314 */
div.tstyle_view { margin-bottom: 1rem }
div.tstyle_view div.title { color: #333; font-size: 1.6em; font-weight: bold; padding: 1rem }
div.tstyle_view ul.head { padding: 0 0 1.5rem 1rem; border-bottom: 1px solid #d3d8dd }
div.tstyle_view ul.head li { display: inline-block; padding-left: 0; margin-right: 0 }
div.tstyle_view ul.head li ~ li::before { content: ""; display: inline-block; vertical-align: middle; width: 2px; height: .6rem; background-color: #d3d8dd; position: static; margin-right: .65em }
div.tstyle_view ul.head li strong { color: #888; font-weight: normal; padding-right: 5px }
div.tstyle_view ul.head .hit::before { display: none }
div.tstyle_view div.tb_contents {clear: both;font-size: 15px;padding: 2rem 1rem;/*border-bottom: 1px solid #eaeef3;*/line-height: 180%;min-height: 150px;}
div.tstyle_view div.tb_contents p{margin-bottom:0 }
.tb_contents img { margin: 0 auto; display: block }
div.tstyle_list > ul,
div.tstyle_view > ul { margin: 0 }
div.tstyle_list > ul > li::before,
div.tstyle_view > ul > li::before { display: none }

/*보도자료인경우 콘텐츠본문이 보이지 않고 모바일에서만 보임*/
.tstyle_view.bd1 .tb_contents{min-height:inherit;display:none;}


/*첨부파일*/
.add_file_list { display: table; width: 100%; border-top: 1px solid #d3d8dd; border-bottom: 1px solid #d3d8dd }
.add_file_list .title { display: table-cell; width: 16%; color: #888; font-size: .93em; padding:1rem;}
.add_file_list .add_file { display: table-cell;padding:1rem 0;margin-bottom:1rem;}
.add_file_list .add_file li { word-break: break-all;padding:0; }
.add_file_list .add_file li::before { display: none }
.add_file_list .add_file li * { display: inline-block; vertical-align: middle }
.add_file_list .add_file li .xi-paperclip { -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 1.2em }
.add_file_list .add_file li .fileSize { color: #888; font-size: .8em; margin-left: .2rem }
.add_file_list .add_file li:hover { background: #f9f9f9 }
.add_file_list .add_file li:last-of-type { border-bottom: 0 }
.add_file_list .add_file li > strong { display: block; font-weight: normal; position: relative }
.add_file_list .add_file li > strong:before { color: #fff; display: inline-block; font-size: 11px; width: 30px; text-align: center; line-height: 19px; vertical-align: 2px }
.add_file_list .add_file li > strong span.fileSize { color: #888; display: inline-block; font-size: 12px }
.add_file_list .add_file li > span.link { float: right; font-size: 14px }
.add_file_list .add_file li > strong img { vertical-align: -2px }

/* 보도자료 첨부파일 */
.add_file_list .add_file li .add_file_item [class*='icon_'],
.add_file_list .add_file li .file_preview,
.add_file_list .add_file li iframe{display:none;}
.tstyle_view.bd1 .add_file_list .add_file { display: table-cell;padding:0;margin-bottom:0;}
.tstyle_view.bd1 .add_file_list .title { display: block; width: 100%; padding:.5rem 0; border-bottom:1px solid #d3d8dd; text-align:center; background:#f8f8f8;}
.tstyle_view.bd1 .add_file_list .add_file { display: block;margin-bottom:0;}
.tstyle_view.bd1 .add_file_list .add_file li{padding:.5rem .25rem;}
.tstyle_view.bd1 .add_file_list .add_file li ~ li {border-top:1px solid #d3d8dd;}
.tstyle_view.bd1 .add_file_list .add_file li .add_file_item {display:block;padding-right:6rem;position:relative;}
.tstyle_view.bd1 .add_file_list .add_file li .add_file_item [class*='icon_']{display:inline-block;border: 1px solid #da5151;font-size: 0.65rem;/* padding-top: 0.05rem; */vertical-align:middle;margin-left:.25rem;width: 4rem;height:1.2rem;line-height:1.3;text-align:center;border-radius:3px;background-color: #fff;color: #da5151;-webkit-transition:all .2s;transition:all .2s;}
.tstyle_view.bd1 .add_file_list .add_file li .add_file_item [class*='icon_']:hover{background-color:#da5151; color:#fff}
.tstyle_view.bd1 .add_file_list .add_file li .add_file_item .file_down {display:inline-block;vertical-align:middle;margin-left:.25rem;width:1.2rem;height:1.2rem;line-height:1.3;text-align:center;border-radius:3px;background-color: #ccc;color:#fff;-webkit-transition:all .2s;transition:all .2s;}
.tstyle_view.bd1 .add_file_list .add_file li .add_file_item .file_down:hover{background-color:#949494;}
.tstyle_view.bd1 .add_file_list .add_file li .file_preview {display:block;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:1rem; background-color:#eee;padding:.2rem .5rem;border:0;-webkit-transition:all .2s;transition:all .2s}
.tstyle_view.bd1 .add_file_list .add_file li .file_preview:hover{background-color:#ccc;}
.tstyle_view.bd1 .add_file_list .add_file li iframe {display:block;opacity:0;visibility:hidden;height:0;overflow:hidden;background-color:#fff;border:1px solid #eee;}
.tstyle_view.bd1 .add_file_list .add_file li.active iframe{display:block;opacity:1;height:780px;width:100%;visibility:visible;margin-top:1rem; -webkit-transition:all .2s;transition:all .2s}
.tstyle_view.bd1 .add_file_list .add_file li.active .file_preview{background-color:#777;color:#fff;}
.tstyle_view.bd1 .add_file_list .add_file li.active .file_preview i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}


.tstyle_view.bd2 .add_file_list .add_file { display: table-cell;padding:0;margin-bottom:0;}
.tstyle_view.bd2 .add_file_list .title { display: block; width: 100%; padding:.5rem 0; border-bottom:1px solid #d3d8dd; text-align:center; background:#f8f8f8;}
.tstyle_view.bd2 .add_file_list .add_file { display: block;margin-bottom:0;}
.tstyle_view.bd2 .add_file_list .add_file li{padding:.5rem .25rem;}
.tstyle_view.bd2 .add_file_list .add_file li ~ li {border-top:1px solid #d3d8dd;}
.tstyle_view.bd2 .add_file_list .add_file li .add_file_item {display:block;padding-right:1rem;position:relative;}
.tstyle_view.bd2 .add_file_list .add_file li .add_file_item [class*='icon_']{display:inline-block;border: 1px solid #da5151;font-size: 0.65rem;/* padding-top: 0.05rem; */vertical-align:middle;margin-left:.25rem;width: 4rem;height:1.2rem;line-height:1.3;text-align:center;border-radius:3px;background-color: #fff;color: #da5151;-webkit-transition:all .2s;transition:all .2s;}
.tstyle_view.bd2 .add_file_list .add_file li .add_file_item [class*='icon_']:hover{background-color:#da5151; color:#fff}
.tstyle_view.bd2 .add_file_list .add_file li .add_file_item .file_down {display:inline-block;vertical-align:middle;margin-left:.25rem;width:1.2rem;height:1.2rem;line-height:1.3;text-align:center;border-radius:3px;background-color: #ccc;color:#fff;-webkit-transition:all .2s;transition:all .2s;}
.tstyle_view.bd2 .add_file_list .add_file li .add_file_item .file_down:hover{background-color:#949494;}
.tstyle_view.bd2 .add_file_list .add_file li .file_preview {display:block;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:1rem; background-color:#eee;padding:.2rem .5rem;border:0;-webkit-transition:all .2s;transition:all .2s}
.tstyle_view.bd2 .add_file_list .add_file li .file_preview:hover{background-color:#ccc;}
.tstyle_view.bd2 .add_file_list .add_file li iframe {display:block;opacity:0;visibility:hidden;height:0;overflow:hidden;background-color:#fff;border:1px solid #eee;}
.tstyle_view.bd2 .add_file_list .add_file li.active iframe{display:block;opacity:1;height:780px;width:100%;visibility:visible;margin-top:1rem; -webkit-transition:all .2s;transition:all .2s}
.tstyle_view.bd2 .add_file_list .add_file li.active .file_preview{background-color:#777;color:#fff;}
.tstyle_view.bd2 .add_file_list .add_file li.active .file_preview i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

@media screen and (max-width: 768px) {
.tstyle_view.bd1 .add_file_list .add_file .pt2 {padding-top:0 !important;}
.tstyle_view.bd2 .add_file_list .add_file .pt2 {padding-top:0 !important;}
}



/* 갤러리 리스트 2018-11-27 수정*/
.galleryList { border-top: 1px solid #919191; border-bottom: 1px solid #919191; clear: both; overflow: hidden; padding: 25px 0 5px }
.galleryList ul { padding: 0; margin: 0 }
.galleryList ul li { padding: 0; float: left; width: 31.59%; margin: 0 2.6% 25px 0; overflow: hidden }
.galleryList ul li::before { display: none }
.galleryList ul li:nth-child(3n) { margin-right: 0 }
.galleryList ul li a,
.galleryList ul li .thumbWrap { border: 1px solid #e4e4e4; color: #333; display: block; position: relative }
.galleryList ul li .thumb { display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 61%; margin: 0 auto; text-align: center }
.galleryList ul li .thumb img { width: 100%; min-height:168px; -webkit-transition: all 0.2s; transition: all 0.2s }
.galleryList ul li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.galleryList ul li span.txt { display: block; height: auto; padding: 1rem; position: relative; min-height:65px; }
.galleryList ul li span.txt strong { color: #000; display: inline-block; font-size: 15px; font-weight: normal !important; line-height: 22px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /*height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/ word-break: keep-all; width: 100%; -webkit-transition: all .4s; transition: all .4s }
.galleryList ul li span.txt span.date { display: inline-block; margin: 10px 0 0 0; color: #888; font-size: 14px }

/* 영상자료게시판 상세보기 */
.media_textarea { height: 15rem; overflow-y: auto; background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: 1.5rem 1rem }
.media_textarea::-webkit-scrollbar-track { background-color: transparent; border-radius: 4px }
.media_textarea::-webkit-scrollbar { width: 8px }
.media_textarea::-webkit-scrollbar-thumb { background-color: #d3d8dd; border-radius: 4px }
.noimg {background:#f5f6fa url('../../cdc/img/sub/img_noimage.gif') no-repeat center;}

/* 주간건강과 질병 */
div.board_info fieldset label { display: table-cell; vertical-align: middle; padding-right: 1rem }
div.tstyle_list div.weekly_health li{ display: block; width: 100%; padding: .5rem 1rem; text-align: left; border-bottom: 1px solid #d3d8dd }
div.tstyle_list div.weekly_health .all_title { background-color: #f5f6fa }
div.tstyle_list div.weekly_health .all_file { background-color: #f5f6fa }
div.tstyle_list div.weekly_health .file { color : #666 }
div.tstyle_list div.weekly_health a:hover { text-decoration: underline }


/*BtnArea*/
.BtnArea { margin-top:1rem }
.btnArea { text-align: center; margin: 1.5rem 0 }
.btnArea::after { content: ""; clear: both; display: table }

.prev_next { float: left }

/* 공공누리 */
[class^="codeView"] { background-color: #f5f6fa; border: 1px solid #e1e6eb; padding-top: .8rem; padding-right:1rem; padding-bottom:.8rem; min-height: 4.5rem }
[class^="codeView"] img { position:absolute; left:1rem; margin: 0 1rem 0 0; display: inline-block; vertical-align: middle }
.codeView01 { padding-left: 9rem }
.codeView02,
.codeView03 { padding-left: 11rem }
.codeView04 { padding-left: 13rem }
.codeView05 { padding-left: 3rem; min-height:2.5rem }

/*faq 리스트*/
.listFaq { border-top: 1px solid #777; position: relative; margin-bottom: 1.5rem }
.listFaq::after { content: ''; width: 100%; height: 1px; background-color: #d3d8dd; position: absolute; bottom: 0; left: 0 }
.listFaq li span.question { display: block; position: relative }
.listFaq li div.answer { border-top: 1px solid #e8e8e8; border-bottom: none; position: relative }
.listFaq > li { border-bottom: 1px solid #ddd }
.listFaq > li::after { content: ""; clear: both; display: table }
.listFaq > li:hover { background: #fafafa }
.listFaq > li .category { display: block; border-radius: 50%; width: 1.3rem; height: 1.3rem; text-align: center; background-color: #fff; color: #222; position: absolute; left: 1rem; top: .8rem; font-family: Arial; font-weight: bold; font-size: .8rem }
.listFaq > li .question a { display: block; padding: .85rem 2.8rem }
.listFaq > li .question .title { font-weight: bold }
.listFaq > li .question::after { content: '\e913'; font-family: "xeicon"; font-size: .9rem; color: #888; position: absolute; right: 1rem; top: .7rem }
.listFaq > li .answer { display: block; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; background: #f5f6fa }
.listFaq > li .answer .answer_box { padding: .85rem .85rem .85rem 3rem }
.listFaq > li .answer .category { background-color: #fff; color: inherit }
.listFaq > li .answer .con ul { margin-left: 0; margin-bottom:0 }
.listFaq > li.active .question .category { background-color: #222; color: #fff }
.listFaq > li.active .question::after { content: '\e91a'; -webkit-transition: all 0.2s; transition: all 0.2s; color: #333 }
.listFaq > li.active .answer { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; max-height: 2000px; -webkit-transition: all .5s ease; transition: all .5s ease }
.listFaq > li.active .answer .ml12 {margin-left:1.2rem}

/* 서브레이아웃 반응형 */
@media screen and (max-width: 1280px) {
	/*#contentWrap { padding: 0 1rem }*/
	#snb { width: 23% }
	#snb + #content { width: 75%; margin-left: 2% }
	.gallery_list .title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
}
@media screen and (max-width: 1004px) {

	#contentWrap { margin: 0 auto 1rem; padding: 0 1rem }
	#snb { margin: 0 -1rem; width: auto; float:none; position: relative; z-index: 2; background-color: #fff }
	#snb .title{ width:1px;height:1px;color:transparent;position:absolute;border-bottom:0 }
	#snb .nav { border-top: 1px solid #d3d8dd }
	#snb .nav > ul > li {max-height:0; overflow:hidden;transition:all .2s;-webkit-transition:all .2s }
	#snb .nav > ul > li > a::before { right: 1.3rem }
	#snb .nav > ul > li ~ li{border-top:0}
	#snb .nav > ul > li.on {max-height:2.7rem}
	#snb .nav > ul > li.active {max-height:50rem}
	#snb .nav > ul > li.active > a::after{ -webkit-transform:rotate(0deg);transform:rotate(0deg) }
	#snb .nav > ul > li.active.on > a::after{ -webkit-transform:rotate(180deg);transform:rotate(180deg) }
	#snb .nav > ul > li.on ~ li.on{border-top: 1px solid #eaeef3 }
	#snb .nav > ul > li > a { padding-left: 1.1rem; padding-right: 2.8rem }
	#snb .nav > ul > li .depth3 { padding-left: 1rem; padding-right: 1.1rem }
	#snb .nav > ul > li.active .depth3 {display:none!important }
	#snb .nav > ul > li.active.on .depth3 {display:block!important }
	#snb .banner_1339 { display: none }
	#snb + #content { width: 100%; height: inherit; margin-left: 0; padding: 0 }
	.content_body .depth4 { margin-bottom: 0 }
	.content_body .depth4 li, #depth5_menu_ul li { display: block; width:100%; max-height: 0; min-height:inherit; overflow: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; border: 0 }
	.row_br li a{display:block; min-height:30px; }
	.depth4 li.on, #depth5_menu_ul li.on { max-height: 3rem }
	.depth4 li.active, #depth5_menu_ul li.active { max-height: 3rem }
	.depth4 li.on { border: 1px solid #e1e6eb }
	.depth4 li.active { border: 1px solid #043763 }
	#depth5_menu_ul { border-bottom: 0; }
	#depth5_menu_ul li ~ li::after { display: none }
	#depth5_menu_ul li.on { border-bottom: 1px solid #e1e6eb }
	.depth4 li.active a::after,
	#depth5_menu_ul li.active a::after { content: '\e942'; font-family: "xeicon"; font-size: 1rem; display: block; position: absolute; right: 0.7rem; top: .4rem; z-index: 2; color: #666; -webkit-transition: all 0.2s; transition: all 0.2s }
	#depth5_menu_ul li.active a::after { top: .3rem; font-weight: normal; color: #21a089 }
	.content_info .loacation_wrap { display: none }
	.content_body h2::after { top: 1.15rem; left: .55rem }
	.content_info .util .sns { padding: 0 }
	.content_info .util .print_btn { display: none }
}
@media screen and (max-width: 768px) {
	body { word-break: break-all }
	header { margin-bottom: 0 }
	.top10 { display: none }
	.fullscreen { overflow: auto; position: relative; z-index: 3 }
	.fullscreen::after { content: ""; background-color: rgba(0, 0, 0, 0.9); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; opacity: 1; visibility: visible }
	.content_info .info,
	.content_body .info,
	div.tstyle_view ul.head { padding-left: 0; text-align: left }
	.content_info .info li,
	.content_body .info li,
	div.tstyle_view ul.head li { margin-left: 0rem; margin-right:.5rem }
	.content_info .info li ~ li::before,
	.content_body .info li ~ li::before,
	div.tstyle_view ul.head li ~ li::before { display: none }
	div.tstyle_view div.title { padding-left:0; padding-right:0; padding-top:0; }
	.add_file_list .title {padding-left:0;padding-right:0;}
	/*
	.content_info .info li:nth-child(3) span,
	.content_info .info li:nth-child(4) span,
	.content_body .info li:nth-child(3) span,
	.content_body .info li:nth-child(4) span { display: none }
	.content_info .info li:last-child::before, .content_body .info li:last-child::before { display: inline-block }
	.content_info .info li ~ li::before, .content_body .info li ~ li::before { width: 1px; margin: 0 .2rem }
	*/
	.content_body { font-size: 13px; word-break: inherit }
	.content_body h2 { margin-top: 1.5rem }
	.content_body h2::before { top: 0.56rem }
	.content_body h2::after { left: .65rem }
	.content_body h3::before, .content_body .cont_title2::before, .content_body .h3_view > li::before,
	.content_body h4::before { left:0 }
	.content_body .board_search select, .content_body .board_search .search_input, .content_body .board_search .search_button { width: 100%; margin-bottom: .5rem }
	.content_body ul, .content_body ol, .content_body p, .content_body h3, .content_body .cont_title2, .content_body .h3_view > li, .content_body h4, .content_body h5 { margin-left: 0px }
	.content_body .table_wrap { padding-left:0 }
	.content_body table th, .content_body table td {  }
	.content_body .btn { margin-top: .5rem; margin-bottom: .5rem }
	.content_body .btn.lg {min-width:5rem; padding: .4rem 0;}
	.content_body li .btn { margin-top: .1rem; margin-bottom: .1rem }
	.content_body .indent { margin-left: 0 }
	.inline>* { display: inline-block }
	.figure::before, .scroll::before { content: ""; display: block; width: 100%; position: absolute; top: .5rem; background-color: #f5f6fa; border: 1px solid #d3d8dd; border-radius: .5rem; padding: .5rem .5rem .5rem 3rem; font-size: 12px; /*height: 100%;background-color:rgba(0,0,0,.2);*/ /*@include gradient("top",rgba(0,0,0,0), rgba(0,0,0,.5));text-shadow:0px 0px 3px rgba(0,0,0,.5);text-align:center;*/ z-index: 2; cursor: pointer; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s }
	.figure::after, .scroll::after { content: "\eaed"; font-family: "xeicon"; font-size: 1.6em; display: block; z-index: 2; position: absolute; top: .6rem; left: 1rem; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s }
	.figure { position: relative; float: none; padding-top: 3.5rem }
	.figure::before { content: "이미지 클릭시 원본을 보실 수 있습니다" }
	.figure::after { content: "\ea50" }
	.figure.active { position: relative; left: 0; z-index: 100; background-color: #fff; padding-top: 0 }
	.figure.active::before, .figure.active::after { opacity: 0; visibility: hidden }
	.figure.active img { max-width: inherit }
	.figure.active .close { cursor: pointer; position: absolute; left: 0; top: 0; z-index: 10; display: block; padding: 0.8rem; background-color: #e8e8e8 }
	.scroll { overflow-x: auto; position: relative; padding-top: 3.5rem }
	.scroll::before {line-height: 180%; content: "모바일에서 표를 좌우로 스크롤 할 수 있습니다." }
	.scroll::-webkit-scrollbar { height: 4px; background-color: #fff }
	.scroll::-webkit-scrollbar-thumb { height: 4px; background-color: #888; border-radius: 2px }
	.scroll table { min-width: 640px }
	/* .scroll.dimm { overflow-x: auto } */
	.box, .aCont, .contBox { margin-left: 0 }
	.img_left_cont > ul, .img_left_cont > p { padding-left: 0 }
	.img_left_cont.transf { border-top: 1px solid #eaeef3; padding-top: 1rem }
	.img_left_cont.transf img { display: block; float: none; margin: 0 auto 1rem }
	.col_6 { width: 100% }
	.col_4 { width: 100% }
	.col_3 { width: 50% }
	.col_2 { width: 33.33% }
	.card_list [class*=item] .card { padding-left: .5rem; padding-right: .5rem }
	.card_list [class*=item] .card br { display: none }
	.img_left_cont { margin-left: 0 }
	/* 게시판 검색*/
	div.board_info { margin-top: 1rem }
	div.board_info .Search_rss { background: #f9f9f9; border: 1px solid #ddd; padding: .5rem; text-align: center; width: 100% }
	div.board_info .page_info { float: right; margin-top: 15px }
	div.board_info fieldset span { height: 2.5rem; margin-left: 0 }
	div.board_info fieldset span.form-select, div.board_info fieldset span.form-input, div.board_info fieldset span.form-btn { display: block; width: 100% }
	div.board_info fieldset span.form-btn { position: absolute; right: 0; bottom: 0; width: 40px }
	div.board_info fieldset span.form-select select { border-right: 1px solid #d3d8dd }
	/*listDown 리스트 ex-수상내역 */
	.listDown .answer ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1 }
	/*Board list : div style 19-01-24 본청 > 종합민원 > 민원서식 게시판 수정하면서 수정함 */
	div.tstyle_list > div.dhead { display: none }
	div.tstyle_list > div.dbody > ul { padding: 10px 0 5px 0 }
	div.tstyle_list > div.dbody > ul > li { border: 0; display: block; float: left; width: auto !important; padding: 0 0 5px 0; margin-right: 10px; min-height: auto; font-size:.8rem; color: #666 }
	div.tstyle_list > div.dbody > ul > li.title { font-size: 15px; line-height: 1.3; color: #333; float: none; width: 100% !important }

    /* 게시판 카운트 반응형처리 */
    .content_info .info li:last-child, .content_body .info li:last-child { float: none; }

    /* 긴급상황>신종코로나바이러스감염증>홍보자료 */
    .gallery_list .hgt29 {height:2.9rem;}


	div.tstyle_list .pc_hide { display:inline-block; margin-right: 5px }
	/*
	.board_pager a:hover { background:none }
	.board_pager .pageNone { display:none }
	.board_pager .pageNone:nth-last-of-type(3) { display:inline-block }
	.board_pager .pageNone:nth-last-of-type(3)::before { content:"/"; display:inline-block; -webkit-transform:translateX(-10px); transform:translateX(-10px) }
	.board_pager .pageNow { background:none; border:none }
	.board_pager a.pageNow strong { color:#333 }
	*/
	.board_pager a { width: 1.1rem; margin: 0 1px }
	.board_pager .pageFirst,
	.board_pager .pagePrev,
	.board_pager .pageNext,
	.board_pager .pageLast,
	.board_pager .pageNow { display:inline-block; width:1.6rem }
	.board_pager .pagePrev { margin-right: .2rem}
	.board_pager .pageNext { margin-left: .2rem}

	/*Board View  19-01-24 */
	div.tstyle_view div.tb_contents { padding-left: 0; padding-right: 0 }
	div.tstyle_view div.tb_contents .figure::after,
	div.tstyle_view div.tb_contents .scroll::after{line-height: 180%;}
	div.tstyle_view ul.add_file li { padding: 9px 0 }
	div.tstyle_view ul.add_file li > span.link { float: left; margin-top: 3px }
	div.tstyle_view ul.add_file li > strong { width: 100%; float: none }
	/* 보도자료 첨부파일 */
	.tstyle_view.bd1 .tb_contents{display:block;min-height:150px;}
	.tstyle_view.bd1 .add_file_list .add_file li .add_file_item{padding-right:0}
	.tstyle_view.bd1 .add_file_list .add_file li .file_preview,
	.tstyle_view.bd1 .add_file_list .add_file li.active iframe {display:none}

	/* 갤러리 리스트 2018-11-27 수정*/
	.galleryList { padding: 25px 0 5px; border-top: 1px solid #919191; border-bottom: 1px solid #919191 }
	.galleryList ul { clear: both; overflow: hidden }
	.galleryList ul li { float: left; width: 48.7%; margin: 0 2.6% 25px 0; overflow: hidden }
	.galleryList ul li:nth-child(3n) { margin-right: 2.6% }
	.galleryList ul li:nth-child(2n) { margin-right: 0 }
	.galleryList ul li span.txt strong { height: auto; -webkit-line-clamp: 1 }
	.galleryList ul li span.txt span.date { margin: 5px 0 0 0 }
	/*효과*/
	.galleryList ul li a:before { bottom: 27.5% }
	/* 공공누리 */
	[class^="codeView"] { padding-left: 1rem }
	[class^="codeView"] img { position:static; display: block; margin: 0 auto .5rem }

	/* 사이트맵 */
	.sitemap > dl { float: none; margin: 0; width: 100% }
	.sitemap > dl .menu > li > a { font-size: 1em }
	.sitemap > dl .menu > li > ul::after { content: ""; display: block; clear: both }
	.sitemap > dl .menu > li > ul > li { float: left; width: 50%; font-size: .9em }

}


/* 프린트 */
@media print {
	#header, .location, #footer, #snb, .basicTabWrap, .go_top, .content_info .util, .quick { display: none }
	html, body { page-break-after: auto }
	tr, img { page-break-inside: avoid }
	#container { width: 100% !important }
	#snb + #content { width: 100% !important; margin-left: 0 }
	.content_body .figure { background: none }
	/* @page { size: a3 } css validator에 걸려서 주석처리 */
	html, body { width: 210mm }
}


/* ==============================================================================================================================================================================
* sub01 - 감염병
============================================================================================================================================================================== */

/* 감염병정보 */
.diseaseTopBg, .diseaseTopBg2 { background: url("../../cdc/images/diseBg.png") 100% 100%/cover no-repeat; height: 15.5rem; position: relative; clear: both; margin-bottom: .5rem }
.diseaseTopBg h2, .diseaseTopBg2 h2 { font-size: 2.867em; font-weight: 600; line-height: 1.3; letter-spacing: -0.09em; color: #373737; padding: 1rem 0 0 2rem }
.diseaseTopBg h2::before, .diseaseTopBg h2::after, .diseaseTopBg2 h2::before, .diseaseTopBg2 h2::after { display: none }
.diseaseTopBg p.smallCont, .diseaseTopBg2 p.smallCont { font-weight: 600; color: #4e4e4e; margin: 0 0 0 2rem }
.diseaseTopBg p.siteBtn, .diseaseTopBg2 p.siteBtn { margin: .5rem 0 0 2rem }
.diseaseTopBg p.siteBtn a, .diseaseTopBg2 p.siteBtn a { font-size: .933em; font-weight: 600; display: inline-block; background: #f05b5b; color: #fff; text-align: center; padding: 10px 20px; line-height: 1.2; vertical-align: top; letter-spacing: -0.1em; text-decoration: none }
.diseaseTopBg p.siteBtn a::after,
.diseaseTopBg2 p.siteBtn a::after { display: none }
.diseaseTopBg p.siteBtn a:hover, .diseaseTopBg2 p.siteBtn a:hover { background: #d04545 }

.diseaseTopBg2 { background-image: url("../../cdc/images/diseBg2.png") }
.diseaseTopBg2 p.siteBtn a { background: #e58926 }
.diseaseTopBg2 p.siteBtn a:hover { background: #c96c09 }


/* 해외질병 > 국가별질병정보 */
.map { position: relative }
.map .map_link a { position: absolute; width: 4.5rem; height: 4.5rem; border-radius: 50%; color: #fff; background-color: rgba(102, 118, 140, 0.85); -webkit-transition: all 0.2s; transition: all 0.2s; display: table }
.map .map_link a:hover { background-color: #043763 }
.map .map_link a span { display: table-cell; vertical-align: middle; text-align: center }
.map .map_link .a1 { left: 15%; top: 20% }
.map .map_link .a2 { left: 16%; top: 47% }
.map .map_link .a3 { left: 25%; bottom: 20% }
.map .map_link .b1 { right: 30%; top: 20% }
.map .map_link .c1 { right: 36%; top: 40% }
.map .map_link .d1 { right: 44%; bottom: 30% }
.map .map_link .e1 { right: 19%; top: 33% }
.map .map_link .f1 { right: 10%; bottom: 20% }
.nati .nati_tabMenu { text-align: center }
.nati .nati_tabMenu li { display: inline-block }
.nati .nati_tabMenu li a { display: block; padding: .3rem .7rem; border: 1px solid #d3d8dd; background-color: #fff; color: #66768c; font-weight: bold }
.nati .nati_tabMenu li a.active { background-color: #f9903c; border-color: #f9903c; color: #fff }
.nati .natiList { border-top: 1px solid #777; padding-top: 1px }
.nati .natiList ul { margin-left: 0; margin-top:-1px;}
.nati .natiList ul::after { content: ""; clear: both; display: table }
.nati .natiList li { width: 50%; float: left; padding-left: 0;}
.nati .natiList li::before { display: none }
.nati .natiList li:nth-child(2n) .im { border-right: 0; margin-left: -1px }
.nati .natiList li:nth-child(2n-1) .im { border-left: 0 }
.nati .natiList li .im { display: block; min-height: 5.6rem; padding: 1rem; border: 1px solid #e8e8e8 }
.nati .natiList li .im::after { content: ""; clear: both; display: table }
.nati .natiList li .im .link{float: left; margin: 0 .7rem 0 0;width: 19.8%; height: 0; padding-bottom: 14.6%; border: 1px solid #e8e8e8; position: relative }
.nati .natiList li .im figure {  width: 100%; height: 100%; position: absolute;  margin:0;}
.nati .natiList li .im img {display: block; height:100% }
.nati .natiList li .im .na { display: block; font-size: 1.133em; line-height: .9; font-weight: bold; text-align:left; letter-spacing:-1px;color: #333; margin-bottom: .5rem; padding-top:1rem; }
.nati .natiList li .im .na small { font-size: .8em }
.nati .natiList li .im .tx { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.natur { border: 1px solid #e1e6eb; padding: 1rem; margin-left: 1.2rem }
.natur::after { content: ""; clear: both; display: table }
.natur h3 { display: none }
.natur .flag { float: left; margin-right: 1.5rem; width: 4rem; height: auto; border: 1px solid #e8e8e8 }
.natur .flag img { margin-bottom: 0 }
.natur ul { margin-bottom: 0; overflow: hidden }
.news ul li { padding-left: 1rem }
.news ul li::before { content: ''; display: block; border: solid transparent; border-left-color: #333; border-width: 3px 5px; border-radius: 0; background-color: transparent; position: absolute; left: 5px; top: 8px }
.nation_panel { margin-left: 0; border-bottom: 1px solid #e8e8e8; padding-bottom:1rem }
.nation_panel p { margin-left: 1.2rem }
.nation_panel > div { display: none }
.nation_panel > div.active { display: block }
.nation_panel .table_wrap td { text-align: left }

.country_tab { display: table; table-layout: fixed; text-align: center; width: 100%; margin: 2.5rem 0 }
.country_tab li { display: table-cell; border: 1px solid #e1e6eb; background-color: #f5f6fa; padding-left: 0 }
.country_tab li::before { display: none }
.country_tab li a { display: block; text-align: center; padding: .6rem; margin: 0; position: relative; text-decoration: none }
.country_tab li.on { font-weight: bold; background-color: #043763; color: #fff }
.country_tab li.on a::after { display: block }

/* 해외질병 > 해외여행건강정보*/
.picto_div { position: relative; border-bottom: #ccc 1px solid; padding: 0rem 0 2rem 5.5rem; margin: 2rem 0 }
.picto_div .pictogram { position: absolute; left: .5rem; top: -.5rem }
.picto_div .pictogram img { width: 3.95rem; height: 3.95rem; margin-bottom: 0 }
.picto_div ul { margin-bottom: 0 }
.picto_div p { margin-left:1.2rem }

@media screen and (max-width: 1004px) {
.picto_div { padding-left: 0 }
.picto_div .pictogram { position: static; display: inline-block; vertical-align: middle; margin-bottom: 1rem }
.picto_div h3 { display: inline-block; vertical-align: middle; margin: 0 0 1rem 1rem }
.picto_div ul { clear: both }
}

@media screen and (max-width: 768px) {
.diseaseTopBg { border: 1px solid #eeacb3 }
.diseaseTopBg > * { position: relative; z-index: 2 }
.diseaseTopBg::after { content: ""; display: block; width: 70%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: linear-gradient(to right, #eeacb3, transparent) }
.diseaseTopBg h2, .diseaseTopBg2 h2 { padding-top: 0; margin-top: 2rem; text-shadow: #fff 0px 0px 10px }
.diseaseTopBg p.smallCont { background-color: #eeacb3; padding: 0 .5rem; display: inline-block }
.diseaseTopBg2 { border: 1px solid #bce9dd }
.nati .natiList li { width: 100%; float: none }
.nati .natiList li .im{ min-height: inherit; border-right: 0; border-left: 0 }
.natur,
.nation_panel p{margin-left:0;}
}

@media screen and (max-width: 500px) {
.map .map_link a { width: 3rem; height: 3rem; font-size: .8em }
}

@media screen and (max-width: 320px) {
 .diseaseTopBg h2, .diseaseTopBg2 h2 { font-size: 1.867em }
}

/* ==============================================================================================================================================================================
* sub03 - 정책정보
============================================================================================================================================================================== */
/* 감염병 > 감염병 위기대응 > 감염병 위기시 대응체계 */
.warning .box{ min-height:16rem }
.warning>div:nth-child(1) .box,
.warning>div:nth-child(2) .box { min-height: 14rem }

/* 만성질환 > 건강조사 > 급성심장정지조사 > 사업소개 */
.cooperation li img{margin:1rem 0 .5rem}

/* 만성질환 > 만성질환예방관리 > 심뇌혈관질환홍보사업 > 레드서클캠페인 */
.red_circle_logo { width: 5rem; margin: 0 .9rem }
.red_circle_logo + .no_bul { padding-top: .5rem }

/* 만성질환 > 만성질환예방관리 > 콩팥사업 > 홍보자료 */
.add_box .box { margin: 0 0 .5rem 0 }
.add_box .box h3 { margin-top:0 }
.add_box .box .title { display: block; margin-bottom: .5rem }
.add_box .box .cont { display: block; text-align: center }
.add_box .is_img { width: 100%; min-height: 16rem }
.add_box .is_img img { margin-bottom: 0 }
.add_box .no_img { width: 100%; min-height: inherit }
.add_box .no_img p { margin-bottom: 0 }

/* 기후변화 > 폭염 > 폭염대비건강수칙 */
.heat_disease img { float: left; max-width: 20%; margin-right: 1rem }

@media screen and (max-width: 768px) {
.cooperation li {width: 50% }
}
/* ==============================================================================================================================================================================
* sub04 - 연구개발
============================================================================================================================================================================== */
/* 범부처감염병대응연구개발추진위원회 */
.rnd_committee_intro { border-top: 1px solid #d3d8dd }
.rnd_committee_intro .img_left_cont { border-bottom: 1px solid #d3d8dd; padding: 2rem 2rem 1.5rem 2rem }

.vision_wrap .part h3 { color: #323232; text-align: center; font-size: 1.2rem; margin: 0 0 -1rem 0; padding-left: 0 }
.vision_wrap .part .item { border-radius: 1.5rem; min-height: 16rem; border: 4px solid #eaeef3; text-align: center; padding: 2rem 0 }
.vision_wrap .part .item .icon { display: block; text-align: center }
.vision_wrap .part .item .title { display: block; color: #043763; font-size: 1.133em; margin-bottom: .5rem }
.vision_wrap .part .item2 { margin-top: 2rem }

.rnd_committee_shortcut { margin: 1.5rem -.5rem }
.rnd_committee_shortcut a { display: block; padding: 1rem 0; text-align: center; background-color: #f5f6fa; border: 1px solid transparent; -webkit-transition: all 0.2s; transition: all 0.2s; margin-bottom: .5rem }
.rnd_committee_shortcut a .icon { display: block; width: 2rem; height: 2rem; background: url("../img/sub/img_103218_icon.png") 0 0/auto 4rem no-repeat; margin: 0 auto .5rem }
.rnd_committee_shortcut a:hover { background-color: #fff; border-color: #043763; color: #043763 }
.rnd_committee_shortcut a.item1 .icon { background-position: 0rem 0 }
.rnd_committee_shortcut a.item1:hover .icon { background-position: 0rem -2rem }
.rnd_committee_shortcut a.item2 .icon { background-position: -2rem 0 }
.rnd_committee_shortcut a.item2:hover .icon { background-position: -2rem -2rem }
.rnd_committee_shortcut a.item3 .icon { background-position: -4rem 0 }
.rnd_committee_shortcut a.item3:hover .icon { background-position: -4rem -2rem }
.rnd_committee_shortcut a.item4 .icon { background-position: -6rem 0 }
.rnd_committee_shortcut a.item4:hover .icon { background-position: -6rem -2rem }
.rnd_committee_shortcut a.item5 .icon { background-position: -8rem 0 }
.rnd_committee_shortcut a.item5:hover .icon { background-position: -8rem -2rem }
.rnd_committee_shortcut a.item6 .icon { background-position: -10rem 0 }
.rnd_committee_shortcut a.item6:hover .icon { background-position: -10rem -2rem }

/* 추진위원회 - 정책방향및전략 */
.title_box_wrap > .title_box_list > li ~ li { margin-top: .5rem; }
.title_box_wrap > .title_box_list > li > strong { display: table-cell; vertical-align: middle; width: 7rem; height: 3.5rem; border: 1px solid #66768c; padding: .5rem; color: #66768c; text-align: center; position: relative; }
.title_box_wrap > .title_box_list > li > strong::after { content: ''; display: block; border: 5px solid transparent; border-left-color: #fff; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.title_box_wrap > .title_box_list > li > strong::before { content: ''; display: block; border: 5px solid transparent; border-left-color: #66768c; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: 1px; }
.title_box_wrap > .title_box_list > li span { display: table-cell; vertical-align: middle; padding-left: 1rem; }


/* 추진위원회 - 연혁 */
.committee_history .h2_title { color: #043763; text-align: center; border-bottom: 1px solid #cdd5e1; padding-bottom: 2rem; margin-bottom: 2rem }
.committee_history .h2_title::before { display: none }
.committee_history .h2_title span { font-size: 2.5em; text-transform: uppercase; letter-spacing: 0.1em }
.committee_history .h2_title small { display: block; margin-top: -.5rem }
.committee_history .cont_list { padding-left: 13rem }
.committee_history .cont_list h3 { position: absolute; left: 0; padding-left: 0; margin: 0 }
.committee_history .cont_list h3::before { display: block; width: 1.5rem; height: 1px; background-color: #11416b; border: 0; position: static; margin-bottom: 1rem }
.committee_history .cont_list .history_cont { padding-top: .5rem }
.committee_history .cont_list .history_cont h4 { padding-left: 0; margin: 0 0 .5rem 0; font-size: 2.35em; font-weight: normal; letter-spacing: -0.1em; color: #043763 }
.committee_history .cont_list .history_cont h4::before { display: none }
.committee_history .cont_list .history_cont ul { margin-left: 0; padding-left: 0 }
.committee_history .cont_list .history_cont li { padding-left: 3rem; position: relative }
.committee_history .cont_list .history_cont li::before { display: none }
.committee_history .cont_list .history_cont li .date { font-size: 1.133em; color: #5573a2; position: absolute; left: 0 }
.committee_history .cont_list .history_cont li .title { font-size: 1.133em; color: #333 }

/* 기획연구생물안전 - 연구기획 > 포럼소개 - 추진체계 */

.org_wrap.forum .org_head::before { height: 10rem }
.org_wrap.forum h3 .title { border-radius: 2rem }
.org_wrap.forum .org_headquarter::before { top: 50% }
.org_wrap.forum .org_po02 .title { background-color: #21a089 }

.org_quarantine.forum h3 { border-radius: 50%; width: 10rem; height: 10rem; text-align: center; background: #fff; border: 1rem solid #5573a2; padding: 2rem 0 0 }
.org_quarantine.forum h3 strong { display: block; color: #323232; font-size: 1.25em }
.org_quarantine.forum h3 span { color: #4a75b9 }
.org_quarantine.forum h3::before { content: ""; display: block; width: 2px; height: 3rem; border:0; background-color: #e1e6eb; position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1 }
.org_quarantine.forum li { width: 20%; display: table }
.org_quarantine.forum .item { background: #e5ecf6; padding: 1rem 0; height: 6.1rem; display: table-cell; vertical-align: middle }
.org_quarantine.forum .item strong { display: block; color: #043763; font-size: 1.066em }
.org_quarantine.forum .item span { color: #4a75b9 }

/* 심포지움소개 */
.circle_title_list { margin: 2rem 0 0 11px }
.circle_title_list > li { margin-bottom: 1rem }
.circle_title_list > li .item { background-color: #f5f6fa; border-radius: 2.5rem }
.circle_title_list > li .item .circle_title { display: block; padding-top: 1rem; border-radius: 50%; width: 5rem; height: 5rem; text-align: center; color: #fff; background-color: #5573a2; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.circle_title_list > li .item .circle_title strong { font-size: 1.333em; line-height: 1.5 }
.circle_title_list > li .item .circle_title small { display: block }
.circle_title_list > li .item p, .circle_title_list > li .item ul { padding: .8rem .5rem .8rem 5.5rem; margin: 0; display: table-cell; vertical-align: middle; height: 5rem; color: #043763 }


@media screen and (max-width: 768px) {
  .committee_history .cont_list { padding-left: 0 }
  .committee_history .cont_list h3 { position: static }
  .committee_history .cont_list h3 br { display: none }
  /* 감염병 연구포럼 */
  .org_wrap.forum .org_headquarter::before { display: none }
  .org_quarantine.forum h3 { width: 100%; border-radius: 0; height: auto; padding: 0; margin-bottom: 2rem }
  .org_quarantine.forum h3 strong br { display: none }
  .org_quarantine.forum li { width: 50% }
  .org_quarantine.forum li .item { padding: .5rem 0 }
}
/* 기획연구생물안전 > 감염병긴급상황 > 긴급상황 ===================================== */
/* 위기대응 - 소개 */
.org_wrap.emergency_center .org_head::before { height: 155% }
.org_wrap.emergency_center .org_headquarter::before { top: 50% }
.org_wrap.emergency_center .org_po01 .title, .org_wrap.emergency_center .org_po02 .title { border-radius: 2rem }
.org_wrap.emergency_center .emergency { float: right; width: 45% }
.org_wrap.emergency_center .emergency .title { background-color: #f53073; border-radius: 2rem }
.org_wrap.emergency_center .org_center_wrap { width: auto; margin: 1rem -.1rem 0; position: relative }
.org_wrap.emergency_center .org_center_wrap::after { content: ""; clear: both; display: table }
.org_wrap.emergency_center .org_center_wrap::before { content: ""; display: block; width: 75%; height: 2px; background-color: #e1e6eb; position: absolute; left: 50%; top: 0%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.org_wrap.emergency_center .org_center_wrap > div { width: 25%; float: left; padding: 1rem .1rem 0; position: relative }
.org_wrap.emergency_center .org_center_wrap > div::before { content: ""; display: block; width: 2px; height: 2rem; background-color: #e1e6eb; position: absolute; left: 50%; top: 0%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.org_wrap.emergency_center .org_center_wrap ul { font-size: .933em; border: 2px solid #e1e6eb; padding: 1rem .5rem; min-height: 13.8rem; text-align: left }
.org_wrap.emergency_center .org_center_wrap ul li { padding-left: .5rem }
.org_wrap.emergency_center .org_center_wrap ul li:hover { background-color: transparent }
.org_wrap.emergency_center .org_center_wrap ul li::before { display: block }
.org_wrap.emergency_center .org_center_wrap h5 { padding-left: 0; margin-left: 0; margin-bottom: 0; position: relative }
.org_wrap.emergency_center .org_center_wrap h5::before { display: none }
.org_wrap.emergency_center .org_center_wrap h5::after { content: ""; display: block; width: 2px; height: 1rem; background-color: #e1e6eb; position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.org_wrap.emergency_center .org_center_wrap h5 .title { display: block; background-color: #f5f6fa; border: 2px solid #e1e6eb; padding: .5rem 0; text-align: center; color: #043763 }

@media screen and (max-width: 768px) {
.org_wrap.emergency_center .emergency { float: none; width: 100% }
.org_wrap.emergency_center .org_headquarter::before { display: none }
.org_wrap.emergency_center .org_head::before { height: 240% }
.org_wrap.emergency_center .org_center_wrap::before, .org_wrap.emergency_center .org_center_wrap > div::before { display: none }
.org_wrap.emergency_center .org_center_wrap > div { width: 50%; min-height: 20rem }
.org_wrap.emergency_center .org_center_wrap ul { min-height: auto }
}

/* ==============================================================================================================================================================================
* sub07 - 민원정보공개
============================================================================================================================================================================== */
/* 민원정보공개 > 1339콜센터 */
.kakao_talk { text-align: center }
.kakao_talk img { width: 40% }
.ci_1388 img { width: 30% }

/* 민원정보공개 > 공공데이터 */
.dataTopBg { background: #dedefa url("../img/sub/data_bg.jpg") 100% 100%/contain no-repeat; padding: .5rem }
.dataTopBg h2 { margin: 1rem 0 .5rem }
.dataTopBg h2::before, .dataTopBg h2::after { display: none }
.dataTopBg p { margin-left:1.2rem; margin-bottom: .5rem }
.dataTopBg .btn { width: auto }

@media screen and (max-width: 768px) {
.dataTopBg h2 { padding-left: 0 }
}

/* ==============================================================================================================================================================================
* sub08 - 기관소개
============================================================================================================================================================================== */
/* 조직도 */
#search { display: none }
.member_search span { display: inline-block; vertical-align: bottom; margin-right: 1rem; width: 27% }
.member_search span label { display: block; color: #333333 }
.member_search span input { width: 100%; border-width: 1px; border-style: solid; border-color: #d3d8dd; -o-border-image: initial; border-image: initial; padding: 0.5rem }

/* 인사말 */
.greeting_wrap .director.greeting { min-height: 18.5rem; background: url("../img/sub/img_121201.png") 100% 100%/contain no-repeat }
.greeting_wrap .h3 { font-size: 1.333em }
.greeting_wrap .h3 span { color: #21a089 }
.greeting_wrap .sign { font-size: 1.333em }

/* 인사말 */
.greeting { min-height: 13.5rem; margin: 2rem 0 1rem 1rem; padding-top:2rem; background: url("../img/sub/img_103219_1.gif") 100% 100%/contain no-repeat; letter-spacing: -0.05em }
.greeting .title { margin-bottom: 1rem; line-height: 1.2 }
.greeting .title strong { display: block; font-size: 2.133em; color: #043763 }
/* .greeting .title strong::before { content: ''; display: block; width: 1.4rem; height: 1.2rem; background: url("../img/sub/img_103219_mark.gif") 0 0/contain no-repeat; margin-bottom: .5rem }*/
.greeting .title b { display: block; font-size: 2em; color: #043763; font-weight: normal }
.greeting .desc { display: block; font-size: 1.333em }
.greeting p { padding-right: 50% }

/* 약력 */
.profile { position: relative }
.profile .name { position: absolute; left: 3rem; bottom: 3.5rem }
.profile .name strong { display: block; font-size: 2.26em; color: #333 }
.profile .name strong::before { content: ''; display: block; width: 1.2rem; height: .15rem; background-color: #333 }
.profile .name small { font-size: 1.066em }
.school_career { text-align: center; margin-top: 3rem }
.school_career .img_left_cont { position: relative; float:left; width:50%;text-align: left; margin: 0 }
.school_career strong { font-size: 1.466em; color: #333; position: absolute; left: 4rem; top: 1.5rem }
.school_career img { width: 5rem; margin-right: 4rem }

/* 비전 */
.vision_wrap > div { position: relative; margin-top: 3rem }
.vision_wrap > div::before { content: ""; display: block; background: url("../img/sub/vision_arrow.png") 0 0/cover no-repeat; width: 1.8rem; height: 1.4rem; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -200%); transform: translate(-50%, -200%); z-index: 2 }
.vision_wrap h3 { padding: 0; color: #333; text-align: center }
.vision_wrap h3::before { display: none }
.vision_wrap .vision { text-align: center; border: 8px solid #eaeef3; border-radius: 2rem; padding: 1.3rem 0 1rem; position: relative; width: 75%; margin: 3rem auto }
.vision_wrap .vision::before { display: none }
.vision_wrap .vision h3 {  border-radius: 1rem; color: #fff; background-color: #043763; position: absolute; left: 50%; top: 0%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: .3rem 2rem; margin: -1.3rem 0 0 }
.vision_wrap .vision strong { display: block; font-size: 1.733em; color: #043763 }
.vision_wrap .vision span { font-size: 1.066em; color: #777 }
.vision_wrap > div::before { display: none }
.vision_wrap .vision span { font-size: 1.466em; color: #043763 }
.vision_wrap .value { background: url("../img/sub/img_143362_img1.jpg") 50% 0/cover no-repeat; margin-top: 6rem }
.vision_wrap .value::before { display: block; width: 204px; height: 95px; background: url("../img/sub/img_143362_shape2.png") 0 0 no-repeat; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); z-index: 0 }
.vision_wrap .value h3 { width: 97px; height: 111px; background: url("../img/sub/img_143362_shape1.png") 0 0/cover no-repeat; text-align: center; color: #fff; margin: 0 auto; padding-top: 40px; -webkit-transform: translateY(-55px); transform: translateY(-55px) }
.vision_wrap .value ul { -webkit-transform: translateY(-55px); transform: translateY(-55px) }
.vision_wrap .value ul li { padding-left: 0 }
.vision_wrap .value ul li::before { display: none }
.vision_wrap .value ul li span { display: block; border-radius: 50%; width: 6.5rem; height: 6.5rem; text-align: center; margin: 0 auto; background-color: rgba(255, 255, 255, 0.8); font-size: 20px; color: #333; padding-top: 2.5rem }
.vision_wrap .goal { padding: .1rem 0 }
.vision_wrap .goal h3 { position: relative; z-index: 2 }
.vision_wrap .goal h3 span { display: block; border-radius: 50%; width: 7.5rem; height: 7.5rem; text-align: center; background-color: #fff; margin: 1rem auto 0; padding-top: 2.7rem }
.vision_wrap .goal h3::before { content: ""; display: block; border-radius: 50%; width: 10.15rem; height: 10.15rem; text-align: center; background-color: #043763; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1 }
.vision_wrap .goal h3::after { content: ""; display: block; border-radius: 50%; width: 11rem; height: 11rem; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); z-index: -2 }
.vision_wrap .goal .item { width: 33%; position: absolute }
.vision_wrap .goal .item span { display: block; border-radius: 2rem; padding: .6rem 1rem; background-color: #21a089; color: #fff; text-align: center; font-size: 1.066em }
.vision_wrap .goal .item span::before { content: ""; display: block; border: solid transparent; border-width: 5px 10px; position: absolute; top: 50%; -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.vision_wrap .goal .item span::after { content: ""; display: block; border-radius: 50%; width: 0.5rem; height: 0.5rem; text-align: center; background-color: #043763; position: absolute; top: 50%; -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.vision_wrap .goal .item1 { left: 0; top: 0 }
.vision_wrap .goal .item1 span::before { border-left-color: #21a089; right: -20px }
.vision_wrap .goal .item1 span::after { right: -30px }
.vision_wrap .goal .item2 { right: 0; top: 0 }
.vision_wrap .goal .item2 span::before { border-right-color: #21a089; left: -20px }
.vision_wrap .goal .item2 span::after { left: -30px }
.vision_wrap .goal .item3 { left: 0; bottom: 0 }
.vision_wrap .goal .item3 span::before { border-left-color: #4a75b9; right: -20px }
.vision_wrap .goal .item3 span::after { right: -30px }
.vision_wrap .goal .item4 { right: 0; bottom: 0 }
.vision_wrap .goal .item4 span::before { border-right-color: #4a75b9; left: -20px }
.vision_wrap .goal .item4 span::after { left: -30px }
.vision_wrap .goal .item3 span, .vision_wrap .goal .item4 span { background-color: #4a75b9 }
/*
.vision_wrap .strategy h3 { position: relative; font-size: 1.5em; z-index: 1; padding: .25rem 0 }
.vision_wrap .strategy h3 span { display: block; border-radius: 50%; width: 7.5rem; height: 7.5rem; text-align: center; background-color: #fff; margin: 0 auto; text-align: center; padding-top: 2.7rem; position: relative; z-index: 3 }
.vision_wrap .strategy h3::before { content: ""; display: block; border:0; border-radius: 50%; width: 9rem; height: 9rem; text-align: center; background-color: #5573a2; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2 }
.vision_wrap .strategy h3::after { content: ""; display: block; border-radius: 50%; width: 9.8rem; height: 9.8rem; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; position: absolute; z-index: 1 }
.vision_wrap .strategy .item { border-radius: 1.5rem; border: 4px solid #eaeef3; text-align: center; padding: 2rem 0 }
.vision_wrap .strategy .item .icon { display: block; text-align: center }
.vision_wrap .strategy .item .title { display: block; color: #043763; font-size: 1.133em; margin-bottom: .5rem }
.vision_wrap .strategy .item2 { margin-top: 2rem }
*/

.vision_wrap .strategy h3,
.vision_wrap .policy_dir h3 { position: relative; z-index: 1; padding: .25rem 0 }
.vision_wrap .strategy h3 span,
.vision_wrap .policy_dir h3 span { display: block; border-radius: 50%; width: 7.5rem; height: 7.5rem; text-align: center; background-color: #fff; margin: 0 auto; text-align: center; padding-top: 2.7rem; position: relative; z-index: 3 }
.vision_wrap .strategy h3::before,
.vision_wrap .policy_dir h3::before { content: ""; display: block; border:0; border-radius: 50%; width: 9rem; height: 9rem; text-align: center; background-color: #5573a2; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2 }
.vision_wrap .strategy h3::after,
.vision_wrap .policy_dir h3::after { content: ""; display: block; border-radius: 50%; width: 9.8rem; height: 9.8rem; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; position: absolute; z-index: 1 }
.vision_wrap .strategy .item { width: 50%; border-radius: 2rem; position: absolute; background-color: #e5ecf6 }
.vision_wrap .strategy .item span { display: block; padding: .7rem 1rem; color: #043763; text-align: center; font-weight: bold }
.vision_wrap .strategy .item1 { left: 0; top: 0 }
.vision_wrap .strategy .item2 { right: 0; top: 0 }
.vision_wrap .strategy .item3 { left: 0; bottom: 0 }
.vision_wrap .strategy .item4 { right: 0; bottom: 0 }
.vision_wrap .part.policy_dir h3 { color: #323232; text-align: center; font-size: 1.2rem; margin: 0 0 -2rem 0; padding-left: 0 }
.vision_wrap .part .item { border-radius: 1.5rem; min-height: 16rem; border: 4px solid #eaeef3; text-align: center; padding: 2rem 0 }
.vision_wrap .part .item .icon { display: block; text-align: center }
.vision_wrap .part .item .title { display: block; color: #043763; font-size: 1.133em; margin-bottom: .5rem }
.vision_wrap .part .item2 { margin-top: 2rem }
.vision_wrap .part.policy_dir h3 { margin-bottom: 1rem }
.vision_wrap .part.policy_dir .item { min-height:inherit }

/*
.vision_wrap .policy_dir ul li .num { position: absolute; left: 1.5rem; top: .5rem; color: #fff; font-size: 2.133em }
.vision_wrap .policy_dir ul .item2 .num,
.vision_wrap .policy_dir ul .item4 .num { left: auto; right: 1.5rem }
*/

/* 핵심사업 */
.core_biz { margin: 1rem 0 0 2rem }
.core_biz strong { font-size:1.1em; display:block; margin-bottom:.5rem }
.core_biz div:nth-child(1) strong { color:#21a089 }
.core_biz div:nth-child(2) strong { color:#329eae }
.core_biz div:nth-child(3) strong { color:#1f87bd }
.core_biz div ul { padding-left:0 }
.core_biz .img_left_cont img { width: 5rem }


/* 조직도 */
.org_wrap::after { content: ""; clear: both; display: table }
.box.member_search .btn { margin-bottom: 0 }
.content_body .org_wrap > ul { margin-left: 0 }
.content_body .org_wrap > ul > li::before { display: none }
.content_body .org_wrap > ul > li { padding-left: 0 }
.org_wrap .org_head {margin-top: 2rem;position: relative;}
.org_wrap .org_head::before {content: "";display: block;width: 2px;height: 190%;background-color: #e1e6eb;position: absolute;left: 50%;top: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .org_head h2 { position: relative; display: table; z-index: 1; padding: 0px; margin: 0px auto }
.org_wrap .org_head h2::before { content: ""; display: block; width: 10.15rem; height: 10.15rem; text-align: center; background-color: #043763; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; border-radius: 50% }
.org_wrap .org_head h2 span { display: table-cell; vertical-align: middle; width: 7.5rem; height: 7.5rem; text-align: center; background-color: white; border-radius: 50% }
.org_wrap .org_head h2::after { content: ""; display: block; width: 11rem; height: 11rem; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: white; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 10px; box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 10px; z-index: -2; border-radius: 50% }
.org_wrap .org_headquarter {margin-top: 3rem; position: relative;}
.org_wrap .org_headquarter::before {content: "";display: block;width: 5rem;height: 2px;background-color: #e1e6eb;position: absolute;left: 46.4%;top: 20%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .org_headquarter::after {content: "";clear: both;display: table;}
.org_wrap .org_po01 {width: 47%;padding: 0 .5rem;margin-left: 25%;float: left;}
.org_wrap .org_po01::before {content: "";display: block;width: 50%;height: 2px;background-color: #e1e6eb;position: absolute;right: -24.89%;top: 64%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .org_po02 {/* width: 47%; */padding: 0 .5rem;float: right;margin-right: 25%;}
.org_wrap h3, .org_wrap h4 { margin-left: 0px; padding-left: 0px }
.org_wrap h3::before, .org_wrap h4::before { display: none }
.org_wrap h3 .title, .org_wrap h4 .title { display: block; background-color: #4a75b9; color: white; text-align: center; padding: 0.5rem 0px }
.org_wrap h4 .title { background-color: #cdd5e1; color: #043763 }
.org_quarantine2 [class*="org_po"] ul,
.org_wrap [class*="org_po"] ul {margin-left: 0px;}
.org_wrap [class*="org_po"] li { padding: 0px; font-size: inherit }
.org_wrap [class*="org_po"] ul li::before { display: none }
.org_quarantine2 [class*="org_po"] ul li a,
.org_wrap [class*="org_po"] ul li a { display: block; text-align: center; padding: 0.25rem 0px; border-width: 1px; border-style: solid; border-color: #e1e6eb; background-color: #fff; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s }
.org_wrap [class*="org_po"] ul li:hover { background-color: #f2f2f2 }
.org_wrap [class*="org_po"] ul li ~ li { margin-top: 0.2rem }
.org_wrap .nih_org_wrap {width: 100%;float: right;position: relative;}
.org_wrap .nih_org_wrap > div::before {content: "";display: block;width: 2px;height: 5%;background-color: #e1e6eb;position: absolute;}
.org_wrap .nih_org_wrap::before { content: ""; display: block;width: 75.1%;height: 2px;background-color: #e1e6eb;position: absolute;left: 50%;/* top: 70%; */-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .nih_org_wrap .nih_org_head {width: 50%;margin: 0 auto;position: relative;}
.org_wrap .nih_org_wrap .nih_org_head::before {content: "";display: block;width: 50.5%;height: 2px;background-color: #e1e6eb;position: absolute;left: 50%;top: 4rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .nih_org_wrap .nih_org_head h3 { margin-bottom: 2rem; margin-top: .7rem; position: relative }
.org_wrap .nih_org_wrap .nih_org_head h3::before {content: "";display: block;width: 2px;height: 350%;border:0;background-color: #e1e6eb;position: absolute;left: 50%;top: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .nih_org_wrap .nih_org_head h3::after {content: "";display: block;width: 51.6%;height: 2px;background-color: #e1e6eb;position: absolute;right: -50%;top: 50%;/* -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */}
.org_wrap .nih_org_wrap .nih_org_head h3 .title {background-color: #21a089;border-radius: 1.25rem;}
.org_wrap [class*="org_po"] {width: 25%;padding: 0 .5rem;float: left;}
.org_wrap .nih_org_wrap .nih_org_po01 a, .org_wrap .nih_org_wrap .nih_org_po02 a {background: #2b95b1;color:#fff;}
.org_wrap .nih_org_wrap .nih_org_po01 { position: relative; margin-left:25%;}
.org_wrap .nih_org_wrap .nih_org_po01::before { content: ""; display: block; width: 2px; height: 1.5rem; background-color: #e1e6eb; position: absolute; left: 50%; top: -0.5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.org_wrap .nih_org_wrap .nih_org_po02 { position: relative; margin-right:25%; }
.org_wrap .nih_org_wrap .nih_org_po02::before { content: ""; display: block; width: 2px; height: 1.5rem; background-color: #e1e6eb; position: absolute; left: 50%; top: -0.5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.org_wrap .nih_org_wrap .nih_org_po03, .org_wrap .nih_org_wrap .nih_org_po04, .org_wrap .nih_org_wrap .nih_org_po05 {width:33.3%; padding-top:.8rem;}
.org_wrap .nih_org_wrap .nih_org_po04::after {content: "";display: block;width: 66.5%;height: 2px;background-color: #e1e6eb;position: absolute;left: 50%;top: 36.5%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .nih_org_wrap .nih_org_po03::before {left: 16.65%;}
.org_wrap .nih_org_wrap .nih_org_po04::before {display:none;}
.org_wrap .nih_org_wrap .nih_org_po05::before {left: 83.1%;}
.org_wrap .org_center_wrap {width: 100%;float: left;}
.org_wrap .org_center_wrap::before {content: "";display: block;width: 75.1%;height: 2px;background-color: #e1e6eb;position: absolute;left: 50%;/* top: 70%; */-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_wrap .org_center_wrap::after {/* content: ""; */clear: both;/* display: table; */content: "";display: block;width: 2px;height: 57.75%;background-color: #e1e6eb;position: absolute;right: 0;top: 30%;/* -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */}
.org_wrap .org_center_wrap > div {width: 25%;padding: 0 .5rem;float: left;min-height: 15rem;}
.org_wrap .org_center_wrap > div::before {content: "";display: block;width: 2px;height: 2%;background-color: #e1e6eb;position: absolute;}
.org_wrap .org_po03::before {left: 12.5%;}
.org_wrap .org_po04::before {left: 37.5%;}
.org_wrap .org_po05::before {left: 62.5%;}
.org_wrap .org_po06::before {left: 87.5%;}

.content_body .org_wrap ul > li > ul { padding:0 }
.content_body .org_wrap ul > li > ul > li {line-height:inherit; font-size:inherit; }
.content_body .org_wrap .org_head_center_wrap > li { padding-left: 0 }
.content_body .org_head_center_wrap .org_center_wrap > li,
.content_body .org_head_center_wrap .nih_org_cont_wrap > li,
.org_wrap .nih_org_wrap .nih_org_head h3 { padding: 0 .5rem }

.org_quarantine {position:relative;}
.org_quarantine::before {content: "";display: block;width: 2px;height: 17.2%;left: 50%;top: 10%;background-color: #e1e6eb;position: absolute;}
.org_quarantine .org_po01::before,
.org_quarantine .org_po02::before,
.org_quarantine .org_po03::before,
.org_quarantine .org_po04::before {content: "";display: block;width: 2px;height: 47%;top: -41%;background-color: #e1e6eb;position: absolute;}
.org_quarantine .org_po01::before,
.org_quarantine .org_po02::before,
.org_quarantine .org_po03::before,
.org_quarantine .org_po04::before {left: 50%;}
.org_quarantine::after { content: ""; clear: both; display: table }
.org_quarantine h3 {width: 40%;text-align: center;font-size: 1.066em;color: #333333;background-color: #e1e6eb;margin: 1rem auto 1rem;padding: 0.5rem 2rem;border-radius: 1.25rem;}
.org_quarantine h3::after {content: "";display: block;width: 100%;height: 2px;background-color: #e1e6eb;position: absolute;right: -75%;top: 50%;}
.org_quarantine h3::before { display: none }
.org_quarantine ul::before {content: "";display: block;width: 75.1%;height: 2px;background-color: #e1e6eb;position: absolute;left: 50%;top: 26%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_quarantine ul {display: block;margin-left: 0;padding-top: 1rem;}
.org_quarantine ul li {float: left;width: 25%;padding: 0 .5rem;margin-bottom: 0.3rem;}
.org_quarantine ul li::before { display: none }
.org_quarantine ul li .item { display: block; text-align: center; color: #043763; padding: 0.2rem 0px; border-width: 1px; border-style: solid; border-color: #e1e6eb; -o-border-image: initial; border-image: initial }

.org_quarantine2 .org_po01,
.org_quarantine2 .org_po02,
.org_quarantine2 .org_po03 {width:33.3%; padding-top:.8rem;}
.org_quarantine2 {position:relative;}
.org_quarantine2 [class*="org_po"] {width: 33.3%;margin-top: 1rem;padding: 0 .5rem;float: left;}
.org_quarantine2::before {content: "";display: block;width: 66.5%;height: 2px;background-color: #e1e6eb;position: absolute;left: 50%;top: 55%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.org_quarantine2::after { content: ""; clear: both; display: table }
.org_quarantine2 > div::before {content: "";display: block;width: 2px;height: 20%;top: 56%;background-color: #e1e6eb;position: absolute;}
.org_quarantine2 .org_po01::before {left: 16.65%;}
.org_quarantine2 .org_po02::before {left:50%;height: 60%;top: 30%;}
.org_quarantine2 .org_po03::before {left: 83.1%;}
.org_quarantine2 h3 {width: 40%;text-align: center;font-size: 1.066em;color: #333333;background-color: #e1e6eb;margin: 0px auto 1rem;padding: 0.5rem 2rem;border-radius: 1.25rem;}
.org_quarantine2 h3::after {content: "";display: block;width: 100%;height: 2px;background-color: #e1e6eb;position: absolute;right: -75%;top: 50%;/* -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */}
.org_quarantine2 h3::before { display: none }
.org_quarantine2 ul li {float: left;width: 100%;margin-bottom: 0.3rem;}
.org_quarantine2 ul li::before { display: none }
.org_quarantine2 ul li .item {display: block;text-align: center;color: #043763;padding: 0.2rem 0px;border-width: 1px;border-style: solid;border-color: #e1e6eb;-o-border-image: initial;border-image: initial;}

/* 조직도 반응형 */
@media screen and (max-width: 768px) {
.org_wrap .org_head {margin-top: 0;}
.org_wrap .org_po01 {margin-left: 0;}
.org_wrap .org_headquarter {margin-top: 1rem;}
.org_wrap .org_center_wrap > div {width: 50%;}
.org_wrap .nih_org_wrap .nih_org_po01 { margin-left:0;width:50%}
.org_wrap .nih_org_wrap .nih_org_po02 { margin-right:0;width:50%}
.org_wrap .nih_org_wrap .nih_org_po03, 
.org_wrap .nih_org_wrap .nih_org_po04, 
.org_wrap .nih_org_wrap .nih_org_po05 {width:50%;} 
.org_wrap .nih_org_wrap .nih_org_head {width: 100%;}
.org_quarantine h3, 
.org_quarantine2 h3 {width: 100%;}
.org_quarantine ul {padding-top: 0;}
.org_wrap .nih_org_wrap .nih_org_head h3 { margin-bottom: 1rem;}
.org_wrap .org_head::before, 
.org_wrap .org_center_wrap::before, 
.org_wrap .org_center_wrap > div::before, 
.org_wrap .org_po01::before,
.org_wrap .org_center_wrap::after, 
.org_wrap .org_center_wrap::after, 
.org_wrap .nih_org_wrap .nih_org_head h3::after,
.org_wrap .nih_org_wrap .nih_org_head h3::before,
.org_wrap .nih_org_wrap .nih_org_head::before,
.org_wrap .nih_org_wrap .nih_org_po02::before,
.org_wrap .nih_org_wrap .nih_org_po01::before,
.org_wrap .nih_org_wrap .nih_org_po04::after,
.org_wrap .nih_org_wrap > div::before,
.org_quarantine2 h3::after,
.org_quarantine2 .org_po02::before,
.org_quarantine2 .org_po03::before,
.org_quarantine2::before,
.org_quarantine2 .org_po01::before,
.org_quarantine::before,
.org_quarantine .org_po01::before,
.org_quarantine .org_po02::before,
.org_quarantine .org_po03::before,
.org_quarantine .org_po04::before,
.org_quarantine ul::before,
.org_quarantine h3::after {content: "";display: none;}
.org_quarantine2 [class*="org_po"] {width: 50%;padding: 0 .5rem;margin:0;}
}


/* 시설안내 */
.facility_list > div ~ div { border-top: 1px solid #eaeef3; padding-top: 1rem }
.facility_list .img_left_cont h3 { margin-top: 0 }

/* 로고 */
.ci_wrap .box { padding: 1.5rem 2rem }
.ci_wrap h2 { text-align: center; padding-left: 0; margin-top:0 }
.ci_wrap h2::before,
.ci_wrap h2::after { display: none }
.ci_wrap .color_list .title { color: #fff; display: block; padding: .6rem; text-align: center }
.ci_wrap .color_list .item1 .title { background-color: #043763 }
.ci_wrap .color_list .item2 .title { background-color: #e4012e }
.ci_wrap .color_list .item3 .title { background-color: #555 }
.ci_wrap .color_list .item4 .title { background-color: #fff; color: #828282; border: 1px solid #e1e6eb }
.ci_wrap .color_list ul { margin: 1rem 0 }
.ci_wrap .color_list ul li { padding-left: 0 }
.ci_wrap .color_list ul li::before { display: none }
.ci_wrap .color_list ul li strong { padding-right: 1rem }
.ci_wrap .download_wrap { text-align: center }
.ci_wrap .download_wrap a { display: inline-block; width: 30%; background-color: #66768c; color: #fff; text-align: center; padding: .5rem; border: 1px solid #555 }
.ci_wrap .download_wrap a .xi-download { margin-right: .5rem }
.ci_wrap .download_wrap a:hover { background-color: #fff; color: #828282; border: 1px solid #555; -webkit-transition: all 0.2s; transition: all 0.2s }

/* 연혁 */
.history .history_title { position:relative; margin-bottom:1rem }
.history h2 { padding: 2rem 3rem 0 0; position:absolute; left:0; bottom:-1rem; background-color:#fff }
.history h2 small { display: block; color: #b4bdca; font-size: .9em; letter-spacing: 0.35em }
.history h2 b { display: block; font-size: 1.27em }
.history h2::before, .history h2::after { display: none }
.history > p { margin-left: 0 }
.history .year_list { border-top: 1px solid #eaeef3; padding-top: 2rem; margin-top: 2rem }
.history .year_list::after { content: ""; clear: both; display: table }
.history .year_list .year_title { float: left; padding-left: 0; font-size: 2.2em; font-weight: normal; letter-spacing: -0.07em; margin: 0 }
.history .year_list .year_title::before { display: block; width: 1.5rem; height: 1px; border:0; background-color:#11416b; border-radius:0; position: static }
.history .year_list .year_cont { float: right; width: calc(100% - 10rem); margin-bottom: 0 }
.history .year_list .year_cont li { display: table; margin-bottom: 1.4rem }
.history .year_list .year_cont li:first-child strong { background-color: #043763 }
.history .year_list .year_cont li:first-child strong::before { display: none }
.history .year_list .year_cont li:last-child { margin-bottom: 0 }
.history .year_list .year_cont strong { border-radius: 50%; width: 3.5rem; height: 3.5rem; text-align: center; display: table-cell; vertical-align: middle; background-color: #8192ab; text-align: center; color: #fff; position: relative; font-size: 1.333em; font-weight: normal; letter-spacing: -0.05em }
.history .year_list .year_cont strong::before { content: ''; display: block; width: 2px; height: .9rem; background-color: #e8ebef; position: absolute; left: 50%; /*bottom: 107%; ie에서 적용안됨*/ top: -1.1rem  }
.history .year_list .year_cont p { display: table-cell; vertical-align: middle; padding-left: 1rem }

/* 오시는길 */
#appMap { position:relative; overflow:hidden; width:100%; height:350px }
.location_map, .transport, .owncar { border-bottom: 1px solid #eaeef3; padding: 20px 0; margin: 0 }
.transport > div, .owncar > div { margin-left: .55rem }

@media screen and (max-width: 768px) {
  .greeting { margin-left: 0; padding-bottom: 5rem; background-size: auto 50% }
  .greeting .title br { display: none }
  .greeting .desc { padding-right: 12rem }
  .greeting .desc br { display: none }
  .greeting p { padding-right: 0% }
  .vision_wrap > div { margin-top: 2rem }
  .vision_wrap .vision { width: 100% }
  .vision_wrap .goal h3 { margin-bottom: 1.2rem }
  .vision_wrap .goal .item, .vision_wrap .strategy .item { width: 100%; position: relative; margin-top: .5rem }
  .vision_wrap .goal .item br, .vision_wrap .goal .item span::before, .vision_wrap .goal .item span::after, .vision_wrap .strategy .item br, .vision_wrap .strategy .item span::before, .vision_wrap .strategy .item span::after { display: none }
  .vision_wrap .part h3 { margin: 0 }
  .vision_wrap .part .item { margin: 0; padding: 1rem 0; min-height: inherit; margin-top: .5rem }
  .vision_wrap .part .title br { display: none }
  .vision_wrap .part .list { margin-bottom: 0 }
  .vision_wrap .col_4 { width: 100% }

  .greeting_wrap .director.greeting { background-position: 50% 100%; background-size: auto 50%; padding-bottom: 18rem }
  .greeting_wrap .director.greeting .desc { text-align: left; padding-right: 0 }
  .member_search span { width: 30%; margin-right: 0 }
  .member_search .btn { width: 100% }

  .school_career .img_left_cont { margin: 0 }
  .school_career img { width: 3rem; display: inline-block; vertical-align: middle; margin-right: .5rem; margin-bottom: .5rem }
  .school_career strong { position: static }
  .school_career ul { clear: both }
  .history .year_list .year_title { float: none; margin-bottom: 1rem }
  .history .year_list .year_cont { float: none; width: 100% }
  .history .year_list .year_cont p { line-height: 1.2 }
  .vision_wrap .vision span br { display: none }
  .vision_wrap .value ul li span { padding-top: 2rem }
  /*
  .vision_wrap .core_biz .item .num { top: 0 }
  .vision_wrap .core_biz .item span { text-align: left }
  .vision_wrap .core_biz ul li.item .num { right: inherit; left: 1.5rem }
  */
  .core_biz { margin-left: 0 }
  .core_biz .img_left_cont img { margin-right: 1rem }
  .profile .name { left: 1rem }

  .org_wrap { margin-bottom: 2rem }
  .org_wrap .org_head h2 { width: 100%; border: 1rem solid #043763; padding: .5rem }
  .org_wrap .org_head h2::before, .org_wrap .org_head h2::after { display: none }
  .org_wrap .org_head h2 span { width: 100%; height: auto; border-radius: 0 }
  .org_wrap .org_head h2 span br { display: none }
  .org_wrap .org_po01, .org_wrap .org_po02, .org_wrap .nih_org_wrap, .org_wrap .org_center_wrap { width: 100% }
  .org_wrap .org_head::before { height: 240% }
  .org_wrap .nih_org_wrap::before { display: none }
  .org_wrap .nih_org_wrap .nih_org_head::before { top: 4.2rem; /*width:16rem;*/ }
  .org_quarantine ul li { width: 50% }

  .ci_wrap .download_wrap a { width:auto }
}

/* ==============================================================================================================================================================================
* sub10 - 이용안내
============================================================================================================================================================================== */
#search {display:none}
@media screen and (max-width: 768px) {
	.open_mark { width: 5rem }
}


/* 2020.02.20 유투브 IE지원 안함 관련 영상게시판 상단 문구 */

.warming, .warming .text {display:none;}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.warming {display:block !important;background: #f5f6fa;padding: 1rem 1.5rem 1.5rem;border: 1px solid #e4e4e4;}
.warming .text {display:block; padding: .3rem 0 0 3rem; margin-bottom:0;}
.warming::before {content: '\ea2d';margin-bottom: .5rem;font-family:"xeicon";display: inline-block;vertical-align:middle;float: left;font-size: 2rem;color: #ff5262;/* margin-left:1rem; */}
.warming::after {padding-left: 3rem;display: block;}
}