@charset "UTF-8";


/*******************************************************************
Sidebar
********************************************************************/
.sub .breadcrumb { display: none; width: 100%; background-color: #e7e2f3; overflow: hidden; height: 45px; vertical-align: top; }
.sub .breadcrumb .inner { line-height: 45px; display: inline-block; padding-left: 15px; font-size: 14px; }
.sub .breadcrumb .inner #pageLinkNav { white-space: nowrap; color: #353535;}
.sub .breadcrumb .inner a { color: #353535; }
.sub .breadcrumb .inner .menu-active { font-weight: 700; }

.sub .sidebar { padding-top: 50px; position: relative; }
.sub .sidebar.sub1 > .inner > .h2-title strong { background: #656163 url(../images/content/sub-title01.jpg) 50% 50% no-repeat; }
.sub .sidebar.sub2 > .inner > .h2-title strong { background: #656163 url(../images/content/sub-title02.jpg) 50% 50% no-repeat; }
.sub .sidebar.sub3 > .inner > .h2-title strong { background: #656163 url(../images/content/sub-title03.jpg) 50% 50% no-repeat; }
.sub .sidebar.sub4 > .inner > .h2-title strong { background: #656163 url(../images/content/sub-title04.jpg) 50% 50% no-repeat; }
.sub .sidebar.sub5 > .inner > .h2-title strong { background: #656163 url(../images/content/sub-title05.jpg) 50% 50% no-repeat; }
.sub .sidebar.sub6 > .inner > .h2-title strong { background: #656163 url(../images/content/sub-title06.jpg) 50% 50% no-repeat; }

.sub .sidebar > .inner .h2-title { display: table; width: 100%; }
.sub .sidebar > .inner .h2-title strong { display: table-cell; height: 230px; font-size: 40px; font-weight: 700; color: #fff; background-color: #656163; text-align: center; vertical-align: middle; text-shadow: 1px 1px 2px #000; }

.sub .sidebar > .inner .lnb { max-width: 1496px; margin: 0 auto; text-align: center; }
.sub .sidebar > .inner .lnb li a .ico-link { display: inline-block; width: 13px; height: 13px; font-size: 0; text-indent: -999em; overflow: hidden; margin-left: 10px; background: url(../images/common/gnb_blank.gif) 0 0 no-repeat; }
.sub .sidebar > .inner .lnb.depth2 { position: absolute; top: 0; width: 100%; max-width: 100%; }
.sub .sidebar > .inner .lnb.depth2 .lnb-menu { text-align: center; background-color: #e7e2f3; white-space:nowrap;}
.sub .sidebar > .inner .lnb.depth2 .lnb-menu > li { display: inline-block; height: 50px; }
.sub .sidebar > .inner .lnb.depth2 .lnb-menu > li > a { display: inline-block; padding: 0 30px; width: 100%; height: 100%; line-height: 50px; font-size: 18px; color: #353535; font-weight: 400; }
.sub .sidebar > .inner .lnb.depth2 .lnb-menu > li > a:hover, .sub .sidebar > .inner .lnb.depth2 .lnb-menu > li.on a { font-weight: 700; }
.sub .sidebar > .inner .lnb.depth2 .lnb-menu:after { display: table-cell; content: ''; clear: both; }

.sub .sidebar > .inner .lnb.depth3 { max-width: 100%; padding: 50px 5px; position: relative; }
.sub .sidebar > .inner .lnb.depth3 .lnb-menu { display: inline-block; width: 100%; text-align: center; font-size: 0; white-space: nowrap; }
.sub .sidebar > .inner .lnb.depth3 .lnb-menu:after { display: table-cell; content: ''; clear: both; }
.sub .sidebar > .inner .lnb.depth3 .lnb-menu > li { display: inline-block; padding: 0 4px; }
.sub .sidebar > .inner .lnb.depth3 .lnb-menu > li:before {display: inline-block;content:'';width: 12px;height: 42px; background:url(../images/common/menu-gubun.png) 50% 50% no-repeat; vertical-align:middle; margin-right:8px;}
.sub .sidebar > .inner .lnb.depth3 .lnb-menu > li:first-child:before {display:none}
.sub .sidebar > .inner .lnb.depth3 .lnb-menu > li:hover > a, .sub .sidebar > .inner .lnb.depth3 .lnb-menu > li.on > a {color: #000;border-color: #000;font-weight:600;}
.sub .sidebar > .inner .lnb.depth3 .lnb-menu > li:hover > a .ico-link, .sub .sidebar > .inner .lnb.depth3 .lnb-menu > li.on > a .ico-link { background: url(../images/common/gnb_blank_hover.png) 0 0 no-repeat; }
.sub .sidebar > .inner .lnb.depth3 .lnb-menu > li > a {display: inline-block;height: 42px;line-height: 41px;font-size: 17px;color: #606060;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 3px solid transparent; vertical-align:middle;}

.sub .sidebar > .inner .lnb.depth4 { width: 100%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4 { display: table; border-collapse: collapse; width: 100%; }

.sub .sidebar > .inner .lnb.depth4 > .depth4.divide2 > li { width: 50%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide3 > li { width: 33.3333%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide4 > li { width: 25%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide5 > li { width: 20%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide6 > li { width: 16.6666%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide7 > li { width: 14.28%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide8 > li { width: 12.5%; }
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide10, .sub .sidebar > .inner .lnb.depth4 > .depth4.divide11, .sub .sidebar > .inner .lnb.depth4 > .depth4.divide16{border-top: 1px solid #606060; border-left: 1px solid #606060;}
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide10::after, .sub .sidebar > .inner .lnb.depth4 > .depth4.divide11::after, .sub .sidebar > .inner .lnb.depth4 > .depth4.divide16::after {display:table; content:''; clear:both;}
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide10 > li {width:25%; display: inline-block; border: none; border-bottom: 1px solid #606060; border-right: 1px solid #606060;  float:left;} 
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide11 > li {width:33.3333%;  display: inline-block;  border: none;  border-bottom: 1px solid #606060; border-right: 1px solid #606060; float:left;} 
.sub .sidebar > .inner .lnb.depth4 > .depth4.divide16 > li {width:25%;   display: inline-block; border: none; border-bottom: 1px solid #606060; border-right: 1px solid #606060;  float:left;} 
.sub .sidebar > .inner .lnb.depth4 > .depth4 > li { display: table-cell; height: 48px; vertical-align: middle; border: 1px solid #606060; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub .sidebar > .inner .lnb.depth4 > .depth4 > li > a { display: inline-block; width: 100%; line-height: 48px; font-size: 16px; color: #606060; }
.sub .sidebar > .inner .lnb.depth4 > .depth4 > li:hover, .sub .sidebar > .inner .lnb.depth4 > .depth4 > li.on { background-color: #606060; }
.sub .sidebar > .inner .lnb.depth4 > .depth4 > li:hover > a, .sub .sidebar > .inner .lnb.depth4 > .depth4 > li.on > a { color: #fff; }

.sub .sidebar > .inner .util { position: absolute; left: 75%; top: 220px; display: inline-block; }
.sub .sidebar > .inner .util > .sns, .sub .sidebar > .inner .util > .btn-print { display: inline-block; cursor: pointer; width: 31px; height: 31px; vertical-align: top; font-size: 0; text-indent: -999em; }
.sub .sidebar > .inner .util .sns { position: relative; margin-right:10px; }
.sub .sidebar > .inner .util .sns h3 { display: inline-block; font-size: 0;}
.sub .sidebar > .inner .util .sns h3 .btn_share{ display: block; width: 31px; height: 31px; font-size: 0; background: url(../images/common/icon_util.png) -100px 0 no-repeat; }

.sub .sidebar > .inner .util .sns .sns-content { position: absolute; top: 0; right: 30px; width: 155px; overflow: hidden; height: 31px; text-align: left; display:none;}
.sub .sidebar > .inner .util .sns .sns-content > .ico-util { display: inline-block; vertical-align: top; width: 31px; height: 31px; margin-right: 5px; }
.sub .sidebar > .inner .util .sns .sns-content > .ico-util.fb { background: url(../images/common/icon_util.png) 0 0 no-repeat; }
.sub .sidebar > .inner .util .sns .sns-content > .ico-util.tw { background: url(../images/common/icon_util.png) -50px 0 no-repeat; }
.sub .sidebar > .inner .util .sns .sns-content > .btn-url-copy { display: inline-block; width: 74px; height: 31px; background-color: #fff; border-radius: 15px; text-indent: 0; font-size: 14px; font-weight: 700; line-height: 31px; }

.sub .sidebar > .inner .util .btn-print { background: url(../images/common/icon_util.png) -150px 0 no-repeat; }

.sub .sidebar.depth4-row2 .lnb.depth4 > .depth4.divide10 { display: inline-block; font-size: 0; border-top: 1px solid #606060; border-left: 1px solid #606060; }
.sub .sidebar.depth4-row2 .lnb.depth4 > .depth4.divide10 > li { display: inline-block; width: 20%; border: 0; border-right: 1px solid #606060; border-bottom: 1px solid #606060; }

/*******************************************************************
Sub
********************************************************************/

/* s: 공통 스타일 -------------------------------------- */
#wrap.sub1 .top-menu > li:nth-child(1) > a, #wrap.sub2 .top-menu > li:nth-child(2) > a, #wrap.sub3 .top-menu > li:nth-child(3) > a, #wrap.sub4 .top-menu > li:nth-child(4) > a, #wrap.sub5 .top-menu > li:nth-child(5) > a { font-weight: 700; position: relative;}
#wrap.sub1 .top-menu > li:nth-child(1) > a:before, #wrap.sub2 .top-menu > li:nth-child(2) > a:before, #wrap.sub3 .top-menu > li:nth-child(3) > a:before, #wrap.sub4 .top-menu > li:nth-child(4) > a:before, #wrap.sub5 .top-menu > li:nth-child(5) > a:before {display:block; width:100%; position:absolute; height:8px; background-color:#36119f; bottom:0; left:0; content:'';}


.btn-normal { display: inline-block; border: 1px solid #313131; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 45px; font-size: 18px; font-weight: 700; line-height: 1.1; background-color: #fff; }
.btn-normal:hover { background-color: #313131; color: #fff; }

.list-number > li { list-style: decimal; margin-left: 20px; margin-top: .5em; }

.list-circle > li { position: relative; padding-left: 10px; }
.list-circle > li:before { display: inline-block; width: 5px; height: 5px; border-radius: 100%; content: ''; background-color: #313131; position: absolute; left: 0; top: 10px; }

.list-hangle > li { position: relative; padding-left: 23px; }
.list-hangle > li:before { display: inline-block; position: absolute; left: 0; }
.list-hangle > li:nth-child(1):before { content: '가.'; }
.list-hangle > li:nth-child(2):before { content: '나.'; }
.list-hangle > li:nth-child(3):before { content: '다.'; }

.h4-title { font-size: 22px; font-weight: 700; margin-bottom: 1em; color: #313131; }

.nfa-table { width: 100%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; font-size: 18px; }
.nfa-table th { background-color: #eee; font-weight: 700; }
.nfa-table td { padding: 0 10px; }
.nfa-table th, .nfa-table td { border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; height: 55px; vertical-align: middle; }

.nfa-table .tc { text-align: center; }
.nfa-table .tr { text-align: right; }

.nfa-table .btn-down { font-size: 15px; font-weight: 500; border: 1px solid #313131; color: #313131; padding: 5px 10px; }
.nfa-table .btn-down:hover { background-color: #313131; color: #fff; }

.__align-table { display: table; width: 100%; }
.__align-cell { display: table-cell; vertical-align: top; }

.t_wrap + .t_wrap { padding-top: 40px; }

.tbl_fixed { table-layout: fixed; }

table .t_align-left { text-align: left !important; }

.block { display: block; }

.pdt30 { padding-top: 30px; }

button { cursor: pointer; }

[class*="__bul-"] { position: relative; padding-left: 12px; }

[class*="__bul-"]:before { position: absolute; top: 0; left: 0; }

.__bul-circle:before { display: inline-block; content: '•'; }
.__bul-s_circle:before { display: inline-block; content: '·'; padding-right: 2px; }

.__bul-sq:before { display: inline-block; content: '￭'; }

.h5-subTit { font-weight: 700; padding: 35px 0 10px; }

[class*="tit"] + .h5-subTit { padding-top: 0; }

.plainTxt { line-height: 1.44; }

.boldTxt { font-weight: 700; line-height: 1.44; }

.refer { padding-top: 3px; font-size: 16px; font-size: 0.88em; color: #4e78ff; }

.h5-subTit + .nfa-table { margin-top: 10px; }

/* disign module */
.list_wrap.process { overflow: hidden; }
.list_wrap.process .item { float: left; position: relative; }
.list_wrap.process .item .comment { padding: 10px 0 10px; }
.list_wrap.process .item .comment span { color: #478890; letter-spacing: -0.1em; display: block; }

.list_wrap.process .item + .item { padding-left: 61px; }
.list_wrap.process .item:after { display: block; content: ''; width: 61px; height: 238px; position: absolute; top: 0; left: 0px; background: url(../images/content/patent-ico_processArr.png) no-repeat 50% 50%; }
.list_wrap.process .item:first-child:after { display: none; }
.list_wrap.process .item .detail_list_wrap { width: 250px; padding-top: 10px; }
.list_wrap.process .item .detail_list_wrap li { padding-left: 10px; line-height: 1.4; }
.list_wrap.process .item .boldTxt { padding-top: 10px; }
.list_wrap.process .item .boldTxt + .detail_list_wrap { padding-top: 5px; }

.img_gallery_wrap { font-size: 0; }
.img_gallery_wrap.row3 .item { width: 480px; height: 300px; }
.img_gallery_wrap.row3 .item + .item { margin-left: 28px; }
.img_gallery_wrap.row4 .item { width: 350px; height: 220px; }
.img_gallery_wrap.row4 .item + .item { margin-left: 32px; }

.img_gallery_wrap .item { display: inline-block; overflow: hidden; border: 1px solid #c7c7c7; font-size: initial; }

.box-gray { padding: 25px; margin-top: 22px; border: 1px solid #c7c7c7; background: #eee; line-height: 1.4; }
.box-gray .h5-subTit { padding: 0 0 10px 0; }
.box-gray .list_wrap li { padding-top: 5px; }

/* --버튼-- */
button { cursor: pointer; }

.__btn_preview { height: 27px; padding: 0 11px; border: 1px solid #7d7d7d; background: #fff; font-size: 14px; font-weight: 700; line-height: 25px; }

.btn_area.download { padding-top: 10px; }
.btn_area.download .btn_wrap { display: inline-block; padding: 16px 19px 15px; border: 1px solid #c7c7c7; background: #eee; }
.btn_area.download .btn_wrap [class*="btn"] { line-height: 1; }
.btn_area.download .btn_wrap .btn_download { margin-right: 30px; }
.btn_area.download .btn_wrap .btn_download .ico { padding-left: 10px; padding-right: 25px; font-weight: 700; color: #4e78ff; background: url(../images/common/btn_download_ico.png) no-repeat 100% 50%; }

.sub .content-wrap { padding: 0 30px; }

@media screen and (max-width:620px){
  .sub .content-wrap {padding:0 15px;}
}
@media screen and (max-width:375px){
  .sub .content-wrap {padding:0 10px;}
}

.sub .content-wrap #content { max-width: 1496px; margin: 0 auto; }
.sub .content-wrap #content .content-body { padding: 50px 0 50px 0; }
.sub .content-wrap #content .content-body .main-content { min-height: 300px; }

.sub .adminArea {vertical-align: top; display: inline-block; position:relative; width:100%; padding:4px 0; padding-right:90px; font-size:16px; background-color:#eee; border:1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub .adminArea > ul { text-align: center; height: 100%; }
.sub .adminArea > ul > li { display: inline-block; position: relative; padding: 0 2em; vertical-align: middle; height: 100%; }
.sub .adminArea > ul > li:after { display: inline-block; content: '/'; position: absolute; top: 50%; right: -7px; margin-top: -8px; }
.sub .adminArea > ul > li:first-child { padding-left: 0; }
.sub .adminArea > ul > li:last-child { padding-right: 0; }
.sub .adminArea > ul > li:last-child:after { content: none; }
.sub .adminArea > ul > li > dl { display: table; height: 100%; }
.sub .adminArea > ul > li > dl dt, .sub .adminArea > ul > li > dl dd { display: table-cell; vertical-align: middle; white-space: nowrap; padding: 15px 0; }
.sub .adminArea > ul > li > dl dt { position: relative; padding-right: 15px; }
.sub .adminArea > ul > li > dl dt:after { display: inline-block; content: ':'; top: 13px; right: 5px; position: absolute; }
.sub .adminArea #scroll-btn{display:inline-block; width:66px; height:30px; position:absolute; top: 50%; right: 13px; margin-top:-15px; background-color:#fff; border:1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing:border-box; text-align: center; }
.sub .adminArea #scroll-btn .scroll-up { display: inline-block; width: 100%; height: 100%; font-size: 14px; font-weight: 700; }
.sub .adminArea #scroll-btn .scroll-up:before { display: inline-block; margin-right: 5px; content: '\f106'; font: normal normal normal 15px/1 FontAwesome; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.sub #contentment { vertical-align: top; }
.sub #contentment .researchCount { position: relative; border: 1px solid #c7c7c7; border-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub #contentment .researchCount .research_title { font-size: 18px; color: #313131; margin-bottom: 1em; }
.sub #contentment .researchCount > .research_title { position: absolute; top: 30px; left: 0px; width: 50%; padding: 0 20px 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub #contentment .researchCount > .research_title:after { display: table-cell; content: ''; clear: both; }
.sub #contentment .researchCount > .research_title > a { font-size: 18px; font-weight: 700; color: #313131; }
.sub #contentment .researchCount > .research_title > a:after {display:inline-block; content:'\f105'; margin-left:5px; font:normal normal normal 20px/1 FontAwesome; text-indent:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; }
.sub #contentment .researchCount ul { display: table; width: 100%; }
.sub #contentment .researchCount ul > li { display: table-cell; width: 50%; padding: 30px; vertical-align: top; }
.sub #contentment .researchCount ul > li:first-child { border-right: 1px solid #c7c7c7; }
.sub #contentment .researchCount ul > li:last-child .research_memo { position: relative; height: 80px; padding-right: 107px; }
.sub #contentment .researchCount ul > li:last-child .research_memo .researchTxt {display: inline-block; width:100%; height:100%; background-color: #eee; border:1px solid #c7c7c7; -webkit-box-sizing:border-box; box-sizing:border-box; font-size: 14px; }
.sub #contentment .researchCount ul > li:last-child .research_memo .researchBtn {display: inline-block; width:102px; height:100%; position: absolute;top: 0; right:0; border: 0; background-color: #313131; font-size:17px; font-weight:300; color: #fff; }
.sub #contentment .researchCount ul > li > ol { margin-top: 40px; display: table; width: 100%; }
.sub #contentment .researchCount ul > li > ol > li { display: table-cell; width: 20%; text-align: center; vertical-align: middle; }
.sub #contentment .researchCount ul > li > ol > li:nth-child(1) > label:before { background: url(../images/common/ico_research.jpg) 50% 0 no-repeat; }
.sub #contentment .researchCount ul > li > ol > li:nth-child(2) > label:before { background: url(../images/common/ico_research.jpg) 50% -60px no-repeat; }
.sub #contentment .researchCount ul > li > ol > li:nth-child(3) > label:before { background: url(../images/common/ico_research.jpg) 50% -120px no-repeat; }
.sub #contentment .researchCount ul > li > ol > li:nth-child(4) > label:before { background: url(../images/common/ico_research.jpg) 50% -180px no-repeat; }
.sub #contentment .researchCount ul > li > ol > li:nth-child(5) > label:before { background: url(../images/common/ico_research.jpg) 50% -240px no-repeat; }
.sub #contentment .researchCount ul > li > ol > li > label { cursor: pointer; }
.sub #contentment .researchCount ul > li > ol > li > label:before { display: inline-block; width: 100%; height: 36px; content: ''; margin: 16px 0; }
.sub #contentment .researchCount ul > li > ol > li > label input { position: relative; width: 12px; height: 12px; border: 1px solid #ccc; border-radius: 6px; margin-right: 5px; margin-left: 0; }
.sub #contentment .researchCount ul > li > ol > li > label input:checked { background: url(../images/common/checkmark.png) 50% 50% no-repeat; }

/* e: 공통 스타일 -------------------------------------- */
/* s: 대분류: 국민소통 -------------------------------------- */
.prohibition-law .section-prohibition .top-intro { padding: 0 200px; margin-bottom: 50px; height: 174px; display: table; }
.prohibition-law .section-prohibition .top-intro .slogan { background: url(../images/content/bg-prohibition.png) 0 bottom no-repeat; word-break: keep-all; color: #398992; font-weight: bold; line-height: 1.8; font-size: 21px; padding-left: 264px; display: table-cell; vertical-align: middle; word-spacing: -2px; }

.prohibition-law .section-prohibition .inner-contents dl { line-height: 1.4; margin-bottom: 45px; }
.prohibition-law .section-prohibition .inner-contents dl dt { font-size: 22px; font-weight: bold; margin-bottom: 24px; }
.prohibition-law .section-prohibition .inner-contents dl .nor-text { line-height: 1.4; margin-bottom: 30px; word-break: keep-all; }
.prohibition-law .section-prohibition .inner-contents dl .nor-text .other-link { color: #398992; font-size: 1em; }
.prohibition-law .section-prohibition .inner-contents dl .nor-text .other-link:hover { text-decoration: underline; }
.prohibition-law .section-prohibition .inner-contents dl .nor-text .for-down { margin-left: 1.5em; border: 1px solid #7D7D7D; color: initial; font-size: 14px; padding: 2px 8px; }
.prohibition-law .section-prohibition .inner-contents dl .nor-text .for-down:hover { text-decoration: underline; }
.prohibition-law .section-prohibition .inner-contents dl .sub-title { font-weight: bold; margin-bottom: 10px; }
.prohibition-law .section-prohibition .inner-contents dl .text-box { line-height: 1.6; padding: 26px; background-color: #eee; border: 1px solid #c7c7c7; margin-bottom: 28px; }
.prohibition-law .section-prohibition .inner-contents dl ol { padding-left: 1.2em; }
.prohibition-law .section-prohibition .inner-contents dl ol li { list-style: decimal; }

.section-anonymous { text-align: center; margin-bottom: 3em; word-break: keep-all; }
.section-anonymous > ul { margin-bottom: 2em; line-height: 1.4; }
.section-anonymous > ul li:nth-child(1) { font-size: 18px; color: #4e78ff; }
.section-anonymous > ul li:nth-child(2) { font-size: 22px; font-weight: 700; padding: 2.5em 0; }
.section-anonymous > ul li:nth-child(3) { text-align: left; background-color: #eee; border: 1px solid #c7c7c7; padding: 25px; letter-spacing: -1px; }

/* e: 대분류: 국민소통 -------------------------------------- */
/* s: 대분류: 소방소식 -------------------------------------- */
.sendmail > section, .sendmail > form > .inner > section { margin-bottom: 2.5em; }
.sendmail .section-sendmailinfo { display: table; width: 100%; background-color: #eee; border: 1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sendmail .section-sendmailinfo .h4-title, .sendmail .section-sendmailinfo .sendmailtext { display: table-cell; padding: 40px; vertical-align: middle; height: 280px; }
.sendmail .section-sendmailinfo .h4-title { width: 350px; font-size: 0; overflow: hidden; text-indent: -999em; padding-right: 0; background: url(../images/content/sendmail.png) right 50% no-repeat; }
.sendmail .section-sendmailinfo .sendmailtext { text-align: left; line-height: 1.4; word-break: keep-all; }
.sendmail .section-sendmailinfo .sendmailtext strong { display: inline-block; width: 100%; margin: 1em 0; color: #4e78ff; }

.sendmail form { text-align: center; }
.sendmail form .inner { text-align: left; border-bottom: 1px solid #313131; }
.sendmail form .inner .div-table > dl > dd > label, .sendmail form .inner .agreement fieldset > label { cursor: pointer; margin-right: 50px; }
.sendmail form .inner .div-table > dl > dd > label:last-child, .sendmail form .inner .agreement fieldset > label:last-child { margin-right: 0; }
.sendmail form .inner .div-table > dl > dd > label > input, .sendmail form .inner .agreement fieldset > label > input { position: relative; width: 20px; height: 20px; border: 1px solid #ccc; vertical-align: middle; margin: 0 0 5px 0; }
.sendmail form .inner .div-table > dl > dd > label > input:checked, .sendmail form .inner .agreement fieldset > label > input:checked { background: url(../images/common/checkmark2.png) 50% 50% no-repeat; background-size: 100%; }
.sendmail form .inner .div-table { display: table; width: 100%; margin-top: 1em; border-collapse: collapse; }
.sendmail form .inner .div-table > dl { display: table-row; }
.sendmail form .inner .div-table > dl > dt, .sendmail form .inner .div-table > dl > dd { display: table-cell; border: 1px solid #c7c7c7; padding: 25px; }
.sendmail form .inner .div-table > dl > dt { width: 20%; background-color: #eee; text-align: center; font-weight: 700; }
.sendmail form .inner .agreement .agreement-text { border: 1px solid #c7c7c7; padding: 25px; margin-bottom: 1em; }
.sendmail form .inner .agreement .agreement-text > b { color: #4e78ff; }
.sendmail form .inner .agreement .agreement-text .list-number { margin: 2em 0; line-height: 1.4; }
.sendmail form .inner .addemail .input-emailbox, .sendmail form .inner .addemail .select-emailbox { width: 18em; height: 38px; padding: 0 12px; font-size: 18px; }
.sendmail form .inner .addemail .select-emailbox { background: url(../images/common/ico_arrow_down.png) no-repeat 97% 50%; }
.sendmail form .btn-normal.sendmail { margin: 2em 0 3em; cursor: pointer; padding: 15px 80px; }

/* e: 대분류: 소방소식 -------------------------------------- */
/* s: 대분류: 정책 정보 -------------------------------------- */
.residential-fire .section-normal { color: #313131; margin-bottom: 2.5em; }
.residential-fire .section-normal > ul { font-size: 0; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; }
.residential-fire .section-normal > ul > li { font-size: 18px; line-height: 1.4; display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 20px; }
.residential-fire .section-normal > ul > li dl > dd .img { text-align: center; margin: 1.5em 0; }
.residential-fire .section-normal > ul > li dl > dd .img img { display: inline-block; max-width: 100%; margin: 0 20px; }
.residential-fire .section-normal > ul > li:nth-child(1) dl > dd { padding: 10px 0 0 150px; min-height: 130px; line-height: 1.7; background: url(../images/content/residential-fire_sensor.jpg) 0 50% no-repeat; }
.residential-fire .section-normal > ul > li:nth-child(2) dl > dd { min-height: 120px; line-height: 1.7; padding: 10px 0 0 80px; background: url(../images/content/residential-fire_02.jpg) 0 50% no-repeat; }
.residential-fire .section-normal > ul > li:nth-child(2) dl > dd > span { display: block; color: #4e78ff; font-size: 16px; }
.residential-fire .section-normal > ul > li:nth-child(5) ol { font-size: 0; text-align: center; max-width: 500px; margin: 0 auto; }
.residential-fire .section-normal > ul > li:nth-child(5) ol > li { display: inline-block; padding: 7px 10px; }
.residential-fire .section-normal > ul > li:nth-child(6) dl > dd .img { margin: 0; }
.residential-fire .section-normal > ul > li > dl dt { font-size: 18px; font-weight: 700; margin-bottom: 1em; }

.housingfire .section-normal { margin-bottom: 3em; }
.housingfire .section-normal p.subtitle { margin-bottom: 1em; }
.housingfire .section-normal .subtitle { font-size: 18px; font-weight: 700; line-height: 1.4; }
.housingfire .section-normal .subtitle strong { color: #ed1b23; font-weight: 700; }
.housingfire .section-normal .subtitle > b { display: inline-block; width: 100%; font-size: 16px; color: #4e78ff; font-weight: 400; }
.housingfire .section-normal > dl > dt { margin: 2em 0 1em; }
.housingfire .section-normal > dl > dd .nfa-table td { text-align: center; }
.housingfire .section-normal > dl > dd.tb { display: table; }
.housingfire .section-normal > dl > dd > .img, .housingfire .section-normal > dl > dd > .tbcell { display: table-cell; vertical-align: top; }
.housingfire .section-normal > dl > dd > .tbcell { padding-left: 50px; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table { margin-bottom: 2em; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table th.boxline, .housingfire .section-normal > dl > dd > .tbcell > .nfa-table td.boxline { border: 2px solid #ed1b23; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table th.boxline { border-bottom: 1px solid #c7c7c7; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table td.boxline { border-top: 0; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table th.boxlinel { border-left: 2px solid #ed1b23; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table th.boxliner { border-right: 2px solid #ed1b23; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table td.boxlinelb { border-left: 2px solid #ed1b23; border-bottom: 2px solid #ed1b23; }
.housingfire .section-normal > dl > dd > .tbcell > .nfa-table td.boxlinerb { border-right: 2px solid #ed1b23; border-bottom: 2px solid #ed1b23; }
.housingfire .section-normal > dl > dd > .tbcell .list-circle > li { letter-spacing: -1px; line-height: 1.4; margin-bottom: 1em; word-break: keep-all; }
.housingfire .section-normal > dl > dd > .tbcell .list-circle > li > span { display: inline-block; width: 100%; font-size: 16px; color: #4e78ff; }

.oneStop_center .txt_area { padding-left: 30px; letter-spacing: -0.05em; }
.oneStop_center .txt_area .headline { display: block; line-height: 1.4; letter-spacing: -0.1em; }
.oneStop_center .txt_area .headline strong { font-weight: 700; }
.oneStop_center .txt_area .cont_box { padding: 29px; margin-top: 34px; border: 1px solid #c7c7c7; }
.oneStop_center .txt_area .cont_box .box_tit { font-weight: 700; }
.oneStop_center .txt_area .cont_box .list_wrap { margin-top: 27px; line-height: 1.5; }
.oneStop_center .txt_area .cont_box .list_wrap dt { float: left; width: 95px; padding-left: 10px; }
.oneStop_center .txt_area .cont_box .list_wrap dd { padding-left: 95px; }
.oneStop_center .txt_area .cont_box .list_wrap .refer { padding-left: 10px; }
.oneStop_center .txt_area .btn_area { padding-top: 10px; }
.oneStop_center .txt_area .btn_area .btn_wrap { display: inline-block; padding: 16px 19px 15px; border: 1px solid #c7c7c7; background: #eee; }
.oneStop_center .txt_area .btn_area .btn_wrap [class*="btn"] { line-height: 1; }
.oneStop_center .txt_area .btn_area .btn_wrap .btn_download { margin-right: 30px; }
.oneStop_center .txt_area .btn_area .btn_wrap .btn_download .ico { padding-right: 25px; font-weight: 700; color: #4e78ff; background: url(../images/common/btn_download_ico.png) no-repeat 100% 50%; }

.overseasCase .cont_wrap { border: 1px solid #c7c7c7; padding: 25px; }
.overseasCase .txt_area { letter-spacing: -0.05em; word-break: keep-all; }
.overseasCase .txt_area .headline { display: block; width: 612px; line-height: 1.3; }
.overseasCase .txt_area .list_wrap { padding-top: 23px; }
.overseasCase .txt_area .list_wrap .item { display: table; margin-bottom: 20px; }
.overseasCase .txt_area .list_wrap .item .cell { display: table-cell; vertical-align: middle; }
.overseasCase .txt_area .list_wrap .item .txt { width: 400px; line-height: 1.3; padding: 0 26px; }
.overseasCase .txt_area .list_wrap .item .highlight { font-size: 22px; font-weight: 700; color: #ed1b23; }
.overseasCase .graph_area { width: 665px; }
.overseasCase .graph_area .img_area { padding-right: 35px; }
.overseasCase .graph_area .img_area figcaption { padding-top: 14px; text-align: center; }

.patent { letter-spacing: -0.05em; }
.patent .refer { padding-left: 0; line-height: 1.44; }
.patent .nfa-table { table-layout: fixed; margin-top: 16px; }
.patent .nfa-table tbody th, .patent .nfa-table tfoot th { background: #fff; font-weight: 400; }
.patent .nfa-table tbody td, .patent .nfa-table tfoot td { text-align: center; }
.patent .list_wrap.process { overflow: hidden; }
.patent .list_wrap.process .item { float: left; position: relative; }
.patent .list_wrap.process .item + .item { padding-left: 61px; }
.patent .list_wrap.process .item:after { display: block; content: ''; width: 61px; height: 238px; position: absolute; top: 0; left: 0px; background: url(../images/content/patent-ico_processArr.png) no-repeat 50% 50%; }
.patent .list_wrap.process .item:first-child:after { display: none; }

/* 공공데이터개방 */
.pdata-b .list_wrap.process .item p{width: auto; text-align: center; margin-bottom: 20px; padding-top: 10px;}
.pdata-b .list_wrap.process .item p span{color: #398992;}
.pdata-b .list_wrap.process .item:after { height: 150px; }
.pdata-b .list_wrap.process .item .inner { display: table; }
.pdata-b .list_wrap.process .item .inner strong { display: table-cell; text-align: center; vertical-align: middle; width: 250px; height: 237px; border: 1px solid #c7c7c7; background-color: #eee; }
.pdata-b .list_wrap.process .item .inner strong:before { display: block; width: 150px; height: 150px; content: ''; margin: 0 auto 0.5em; }
.pdata-b .list_wrap.process .item:nth-child(1) .inner strong:before { background: url(/nfa/common/images/content/pdata-1.png) 50% 50% no-repeat; }
.pdata-b .list_wrap.process .item:nth-child(2) .inner strong:before { background: url(/nfa/common/images/content/pdata-2.png) 50% 50% no-repeat; }
.pdata-b .list_wrap.process .item:nth-child(3) .inner strong:before { background: url(/nfa/common/images/content/pdata-3.png) 50% 50% no-repeat; }
.pdata-b .list_wrap.process .item:nth-child(4) .inner strong:before { background: url(/nfa/common/images/content/pdata-4.png) 50% 50% no-repeat; }
.award .list_wrap.process + .refer { padding-top: 28px; }

.overseasExpansion .nfa-table { table-layout: fixed; margin-top: 16px; }
.overseasExpansion .nfa-table tbody th, .overseasExpansion .nfa-table tfoot th { background: #fff; font-weight: 400; }
.overseasExpansion .nfa-table tbody td, .overseasExpansion .nfa-table tfoot td { text-align: center; }
.overseasExpansion .divided_porocess_wrap .process { position: relative; }
.overseasExpansion .divided_porocess_wrap .process:nth-child(2) { margin-top: -295px; }
.overseasExpansion .divided_porocess_wrap .process .mob_show { visibility: hidden; opacity: 0; }
.overseasExpansion .divided_porocess_wrap .process .mob_show + .item:after { top: -80px; }
.overseasExpansion .divided_porocess_wrap .process .align { float: left; height: 593px; padding-top: 150px; }
.overseasExpansion .divided_porocess_wrap .process .align:after { height: 535px; }
.overseasExpansion .divided_porocess_wrap .process .align + li:not([class*="align"]):after { top: 80px; }
.overseasExpansion .divided_porocess_wrap .process .detail_list_wrap { padding-left: 15px; }
.overseasExpansion .img_gallery_wrap { padding-top: 20px; }

.exhibition .nfa-table caption { position: static; }
.exhibition .nfa-table tbody td, .exhibition .nfa-table tfoot td { padding: 12px 30px; }
.exhibition .nfa-table .img_cell { width: 280px; padding: 20px 0; text-align: center; }
.exhibition .nfa-table span.__bul-circle { display: block; line-height: 1.4; }

.certification { letter-spacing: -0.05em; }
.certification [class*="__bul-"] { line-height: 1.44; }

.examine { letter-spacing: -0.05em; }
.examine [class*="__bul-"] { line-height: 1.44; }
.examine .refer_list_wrap { padding-top: 21px; }

.facilities { line-height: 1.44; }
.facilities .list-dash > li { line-height: 1.44; letter-spacing: -0.075em; }
.facilities .list-dash > li:before { top: 13px; }
.facilities .nfa-table tbody th { background: #fff; font-weight: 400; }
.facilities .nfa-table tbody td { text-align: center; }
.facilities .nfa-table.type2 { word-break: keep-all; }
.facilities .nfa-table.type2 thead th:nth-child(2) { width: 184px; }
.facilities .nfa-table.type2 thead th:nth-child(3) { width: 650px; }
.facilities .nfa-table.type2 tbody th, .facilities .nfa-table.type2 tbody td { padding: 15px 12px; }
.facilities .nfa-table.type2 tbody td { text-align: center; }
.facilities .nfa-table.type2 tbody .fixed-w60 { width: 57px; word-break: break-all; }
.facilities .list_wrap.process { width: 1496px; }
.facilities .list_wrap.process .item .inner { display: table; }
.facilities .list_wrap.process .item .inner strong { display: table-cell; text-align: center; vertical-align: middle; width: 250px; height: 237px; border: 1px solid #c7c7c7; background-color: #eee; }
.facilities .list_wrap.process .item .inner strong:before { display: block; width: 150px; height: 150px; content: ''; margin: 0 auto 0.5em; }
.facilities .list_wrap.process .item:nth-child(1) .inner strong:before { background: url(/nfa/common/images/content/facilities-1.png) 50% 50% no-repeat; }
.facilities .list_wrap.process .item:nth-child(2) .inner strong:before { background: url(/nfa/common/images/content/patent-img_process3.png) 50% 50% no-repeat; }
.facilities .list_wrap.process .item:nth-child(3) .inner strong:before { background: url(/nfa/common/images/content/patent-img_process2.png) 50% 50% no-repeat; }
.facilities .list_wrap.process .item:nth-child(4) .inner strong:before { background: url(/nfa/common/images/content/exhibition-1.png) 50% 50% no-repeat; }
.facilities .list_wrap.process .item:nth-child(5) .inner strong:before { background: url(/nfa/common/images/content/facilities-2.png) 50% 50% no-repeat; }

.report-2018 { padding: 0 140px; }
.report-2018 .report { padding-top: 76px; position: relative; margin-bottom: 50px; }
.report-2018 .report a { top: 30px; position: absolute; right: 0; padding-bottom: 9px; padding-right: 20px; font-size: 15px; border-bottom: 1px solid #787878; color: #313131; background: url(../images/content/ico-down-u.png) right top no-repeat; }
.report-2018 .report a:hover { font-weight: bold; border-bottom: 2px solid #4d4d4d; }
.report-2018 .report ul li img { width: 640px; background-color: #ccc; }
.report-2018 .report .slick-slider { width: 640px; margin: 0 auto; }
.report-2018 .report .slick-prev, .report-2018 .report .slick-next { height: 30px; }
.report-2018 .report .slick-prev { background: url(../images/common/bnr_prev3.png) no-repeat; left: -125px; }
.report-2018 .report .slick-next { background: url(../images/common/bnr_next3.png) no-repeat; right: -125px; }
.report-2018 .report .slick-dots { position: absolute; top: -50px; bottom: auto; }
.report-2018 .report .slick-dots li { border-radius: 50px; border: 1px solid #4d4d4d; }
.report-2018 .report .slick-dots .slick-active { background-color: #63b2bb; }

.fire-info-faq .faq { margin-bottom: 30px; border-top: 2px solid #313131; border-bottom: 1px solid #c7c7c7; }
.fire-info-faq .faq dl { word-break: keep-all; line-height: 1.4; font-size: 17px; }
.fire-info-faq .faq dl dt { background: url(../images/content/ico-q.png) 16px center no-repeat; font-weight: bold; padding: 24px 170px 24px 80px; border-top: 1px solid #c7c7c7; position: relative; cursor: pointer; }
.fire-info-faq .faq dl dt:after { content: ''; position: absolute; right: 0; background: url(../images/content/ico-arr-dw.png) 0 center no-repeat; height: 100%; width: 19px; right: 0; top: 0; }
.fire-info-faq .faq dl dt button { position: absolute; border: 1px solid #7d7d7d; color: black; font-size: 14px; padding: 2px 20px; cursor: pointer; display: inline-block; vertical-align: middle; right: 60px; }
.fire-info-faq .faq dl dt button:hover { background-color: black; color: white; }
.fire-info-faq .faq dl dt p { display: inline-block; }
.fire-info-faq .faq dl dt.active:after { background: url(../images/content/ico-arr-up.png) 0 center no-repeat; }
.fire-info-faq .faq dl dd { display: none; background: url(../images/content/ico-a.png) 80px center no-repeat; border-top: 1px solid #c7c7c7; padding: 20px 170px 20px 144px; background-color: #ebebeb; }
.fire-info-faq .faq dl:first-child dt { border-top: none; }

.emergencyService .title_box { padding-bottom: 49px; }
.emergencyService .title_box .cont_wrap { overflow: hidden; padding: 49px 35px 49px 628px; border: 1px solid #c7c7c7; }
.emergencyService .title_box .cont_wrap .box_tit { font-size: 22px; font-weight: 700; }
.emergencyService .title_box .cont_wrap .box_txt { padding: 35px 0 25px; line-height: 1.44; }
.emergencyService .title_box .cont_wrap .box_txt + .box_txt { padding-top: 5px; }
.emergencyService .title_box .cont_wrap .btn_move { display: inline-block; padding: 0 21px; line-height: 43px; background: #313131; font-size: 17px; color: #fff; }
.emergencyService .title_box .cont_wrap .btn_move em { padding-left: 8px; color: #fed300; }
.emergencyService .title_box.box1 .cont_wrap { height: 336px; background: url(../images/content/emergencyService-bg_boxTit.jpg) no-repeat 0 0; }
.emergencyService .title_box.box2 .cont_wrap { height: 449px; background: url(../images/content/emergencyService-bg_boxTit2.jpg) no-repeat 0 0; }
.emergencyService .info_list_wrap { padding-bottom: 49px; }
.emergencyService .info_list_wrap li { font-weight: 700; line-height: 1.44; }
.emergencyService .info_list_wrap li:before { color: #ed1c24; }
.emergencyService .info_box { padding-bottom: 100px; }
.emergencyService .info_box [class^="box"] + [class^="box"] { padding-left: 136px; }
.emergencyService .info_box [class^="box"] dt { font-weight: 700; }
.emergencyService .info_box [class^="box"] dd { width: 680px; padding-top: 30px; }

/* e: 대분류: 정책 정보 -------------------------------------- */
/* s: 대분류: 정보공개 -------------------------------------- */
.rnsystem { margin-bottom: 3em; }
.rnsystem > section { margin-bottom: 2.5em; }
.rnsystem .section-systeminfo { background-color: #eee; border: 1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px; text-align: center; }
.rnsystem .section-systeminfo:before { display: inline-block; width: 200px; height: 200px; content: ''; margin-right: 80px; background: url(../images/content/rnsystem.png) 0 0 no-repeat; }
.rnsystem .section-systeminfo .inner { display: inline-block; vertical-align: top; text-align: left; }
.rnsystem .section-systeminfo .inner .h4-title { font-size: 30px; font-weight: 400; color: #398992; }
.rnsystem .section-systeminfo .inner .textinfo dt { font-weight: 700; margin-bottom: .5em; }
.rnsystem .section-normal > dl > dt { font-weight: 700; margin-bottom: .5em; }
.rnsystem .section-normal > dl > dd { position: relative; margin-bottom: 1em; }
.rnsystem .section-normal > dl > dd > strong { font-size: 16px; color: #4e78ff; display: inline-block; white-space: nowrap; }
.rnsystem .section-normal > dl > dd > .list-dash { margin-top: 0.5em; font-weight: 700; }
.rnsystem .section-normal .process > li { position: relative; padding-bottom: 50px; }
.rnsystem .section-normal .process > li:after { display: inline-block; position: absolute; left: 50%; bottom: 0; content: '\f107'; font: normal normal normal 42px/1 FontAwesome; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.rnsystem .section-normal .process > li:last-child { padding-bottom: 0; }
.rnsystem .section-normal .process > li:last-child:after { content: none; }
.rnsystem .section-normal .process > li > dl { display: table; width: 100%; border-collapse: collapse; }
.rnsystem .section-normal .process > li > dl > dt, .rnsystem .section-normal .process > li > dl > dd { display: table-cell; border: 1px solid #c7c7c7; vertical-align: middle; padding: 25px; }
.rnsystem .section-normal .process > li > dl > dt { background-color: #eee; width: 20%; font-weight: 700; text-align: center; }
.rnsystem .section-normal .process > li > dl > dd .list-circle li:before { top: 7px; }
.rnsystem .section-normal .process > li > dl > dd .list-dash { margin: .5em 0 2em; }
.rnsystem .section-normal .process > li > dl > dd .list-dash > li { margin-top: 0; }

/* 국민안전 119소방정책컨퍼런스 카테고리 메뉴*/
.section-ctabmenu { margin-bottom: 2.5em; }
.section-ctabmenu > ul { font-size: 0; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; }
.section-ctabmenu > ul > li { display: inline-block; width: 20%; text-align: center; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
.section-ctabmenu > ul > li.active button, .rnsystem.officiallist .section-ctabmenu > ul > li:hover button { background-color: #313131; color: #fff; }
.section-ctabmenu > ul > li > button { display: inline-block; width: 100%; padding: 1em 0; font-size: 18px; font-weight: 700; }

@media screen and (max-width:620px){
  .section-ctabmenu > ul > li > button {font-size:14px; padding:0; height:50px; line-height:50px;}
  .section-ctabmenu > ul > li > button span {display:inline-block; line-height:1.4; vertical-align:middle; word-break:keep-all;}
}

@media screen and (max-width:480px){
  .section-ctabmenu > ul > li {width:50%;}
  .section-ctabmenu > ul > li > button {height:45px; line-height:45px;}
}


/* e: 대분류: 정보공개 -------------------------------------- */
/* s: 대분류: 기관소개 -------------------------------------- */
.history { padding: 0 228px; font-size: 17px; line-height: 1.2; }

.section-yearlist strong { font-weight: bold; }
.section-yearlist .head-text { font-size: 20px; }
.section-yearlist > dl { border-bottom: 1px solid #c7c7c7; padding: 36px 0; height: 202px; }
.section-yearlist > dl > dt { position: absolute; left: calc(50% - 90px); width: 180px; }
.section-yearlist > dl > dt p { width: 130px; height: 130px; background-color: #398992; display: table; text-align: center; border-radius: 160px; margin: auto; }
.section-yearlist > dl > dt p span { display: table-cell; vertical-align: middle; color: white; font-weight: bold; font-size: 28px; }
.section-yearlist > dl > dt p:after { height: 72px; width: 100%; position: absolute; left: 0; bottom: -72px; background-color: white; content: ''; background: url(../images/common/g_line.jpg) repeat-y; }
.section-yearlist > dl > dd { height: 100%; }
.section-yearlist > dl > dd dl { display: table; height: 100%; width: 100%; }
.section-yearlist > dl > dd dl dt, .section-yearlist > dl > dd dl dd { display: table-cell; vertical-align: middle; width: 50%; padding-left: 60px; }
.section-yearlist > dl > dd dl dt { padding-left: 60px; padding-right: 100px; }
.section-yearlist > dl > dd dl dd { word-break: keep-all; padding-left: 160px; }
.section-yearlist > dl > dd dl dd p { display: table; }
.section-yearlist > dl > dd dl dd p > span { display: table-cell; }
.section-yearlist > dl > dd dl dd p > strong { padding-right: 10px; width: 40px; display: table-cell; }
.section-yearlist > dl > dd dl dd p .bluetext { color: #4e78ff; display: block; }
.section-yearlist > dl > dd dl dd p > strong.fullsize { width: auto; }
.section-yearlist > dl > dd dl p { margin: 10px 0; }
.section-yearlist > dl.head { height: 232px; }
.section-yearlist > dl.head > dt p { height: 160px; width: 160px; }
.section-yearlist dl.dl-end { border-bottom: none; }
.section-yearlist dl.dl-end dt > p:after { height: 0px; }

.maintask { font-size: 16px; }

.section-tasklist { margin-bottom: 20px; }
.section-tasklist > ul > li { width: 50%; float: left; padding: 26px 0 30px 210px; margin-bottom: 30px; }
.section-tasklist > ul > li dl { word-spacing: -1px; }
.section-tasklist > ul > li dl dt { font-weight: bold; font-size: 20px; margin-bottom: 30px; }
.section-tasklist > ul > li dl dd li { line-height: 1.8; }
.section-tasklist > ul > li:first-child { background: url(../images/content/ico-w1.png) 0 center no-repeat; }
.section-tasklist > ul > li:nth-child(2) { background: url(../images/content/ico-w2.png) 0 center no-repeat; }
.section-tasklist > ul > li:nth-child(3) { background: url(../images/content/ico-w3.png) 0 center no-repeat; }
.section-tasklist > ul > li:nth-child(4) { background: url(../images/content/ico-w4.png) 0 center no-repeat; }
.section-tasklist > ul > li:nth-child(5) { background: url(../images/content/ico-w5.png) 0 center no-repeat; }
.section-tasklist > ul > li:nth-child(6) { background: url(../images/content/ico-w6.png) 0 center no-repeat; }
.section-tasklist > ul:after { clear: both; display: table; content: ''; }

.introduce { line-height: 1.4; }
.introduce .greeting {word-break:keep-all;}
.introduce .greeting .text-area { padding: 50px 45% 110px 0/*50px 0 110px 0*/; font-size: 1em; position: relative; background: url(/nfsa/common/images/content/nfsa_boss_20250320.png) right 30px no-repeat;}
/*.introduce .greeting .text-area { padding: 50px 45% 110px 0; font-size: 1em; position: relative; }*/
.introduce .greeting .text-area .main-text { font-size: 1.95em; font-weight:300;color: #000;margin-bottom: 30px;font-family: 'YiSunShin Dotum', sans-serif;line-height: 1.25; font-weight: 400;}
.introduce .greeting .text-area .inner-text { color:#4d4d4d; margin-bottom: 24px; line-height: 1.6; }
.introduce .greeting .text-area .inner-text .highlight {color:#36119f; font-size: 1.23em; font-weight:bold;}
.introduce .greeting .text-area .sign { text-align: right; padding-top:1em; }
.introduce .greeting .text-area .sign span { font-size: 1em; vertical-align: middle; display:inline-block; padding-top:10px; }
.introduce .greeting .text-area .sign:after { content: ''; /*width: 150px; height: 55px; background: url(/nfsa/common/images/content/kim_sign.jpg) no-repeat;*/ vertical-align: middle; display: inline-block; margin-left:10px; }
/*.introduce .greeting .text-area .sign:after { content: ''; width: 118px; height: 51px; vertical-align: middle; display: inline-block; margin-left:10px; }*/

@media screen and (max-width: 1496px) { 
.introduce .greeting .text-area .inner-text .br {display:inline;}
}

@media screen and (max-width: 1400px) { .sidebar .util { left: inherit !important; right: 10px; }
}

@media screen and (max-width: 1280px) { 
.introduce .greeting .text-area {padding:0;padding-bottom: 2em; background-position: top;}
.introduce .greeting .text-area .sign {    padding-right: 2em;}
.introduce .greeting .text-area:before {    display: inline-block;    width: 100%;    height: 500px;    content: '';    background-size: auto 100%;}
}

@media screen and (max-width: 1024px) { 
  .introduce {font-size:0.9em;}
}

@media screen and (max-width: 640px) { 
  .introduce {font-size:0.8em;}
  .introduce .greeting .text-area { background-size: 100%; }
  .introduce .greeting .text-area:before { height: 350px; }
}

.brief_history .img-area { width: 33%; display: inline-block; }
.brief_history .img-area .name { width: 330px; text-align: center; font-weight: bold; margin-top: 18px; font-size: 20px; color: black; }
.brief_history .history-content { width: 67%; float: right; }
.brief_history:after { clear: both; content: ''; display: table; }
.brief_history .list-red-dot { padding-left: 20px; font-size: 21px; }
.brief_history .list-red-dot li { position: relative; margin-bottom: 50px; }
.brief_history .list-red-dot li:before { background: url(../images/content/red-dot.png) no-repeat; content: ''; width: 10px; height: 10px; position: absolute; top: 6px; left: -18px; }
.brief_history .list-red-dot li dl { margin-left: -20px; margin-top: 30px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; overflow: hidden; font-size: 18px; }
.brief_history .list-red-dot li dl dt, .brief_history .list-red-dot li dl dd { float: left; padding: 12px 0; }
.brief_history .list-red-dot li dl dt { background-color: #eeeeee; width: 150px; font-weight: bold; text-align: center; }
.brief_history .list-red-dot li dl dd { width: calc(100% - 150px); padding-left: 26px; }

.conversation .main-area { padding: 50px 50px 50px 596px; height: 520px; margin-bottom: 50px; background: #ececec url(../images/content/bg-conv.jpg) right bottom no-repeat; font-size: 17px; line-height: 1.4; position: relative; }
.conversation .main-area .head-text { font-size: 30px; font-weight: bold; color: black; margin-bottom: 40px; }
.conversation .main-area .head-text-sm { font-size: 20px; font-weight: bold; }
.conversation .main-area .text-box { line-height: 1.6; }
.conversation .main-area .btn-area { margin-top: 42px; }
.conversation .main-area .btn-area ul { overflow: hidden; margin: 0 -5px; }
.conversation .main-area .btn-area ul li { float: left; width: 50%; padding: 0 5px; }
.conversation .main-area .btn-area ul li a { position: relative; width: 100%; height: 120px; display: table; background-color: white; padding-left: 20px; }
.conversation .main-area .btn-area ul li a .br { padding-top: 10px; }
.conversation .main-area .btn-area ul li a > span { display: table-cell; vertical-align: middle; }
.conversation .main-area .btn-area ul li .conv { border: 1px solid #1b88ce; }
.conversation .main-area .btn-area ul li .conv .head-text-sm { color: #1b88ce; }
.conversation .main-area .btn-area ul li .conv:after { position: absolute; content: ''; width: 31px; height: 118px; background: url(../images/content/ar-arrow-r.png) center no-repeat; top: 0; right: 20px; }
.conversation .main-area .btn-area ul li .repl { border: 1px solid #005fc1; }
.conversation .main-area .btn-area ul li .repl .head-text-sm { color: #005fc1; }
.conversation .main-area .btn-area ul li .repl:after { position: absolute; content: ''; width: 31px; height: 118px; background: url(../images/content/ar-arrow-rr.png) center no-repeat; top: 0; right: 20px; }
.conversation .main-area .btn-area ul:after { clear: both; content: ''; display: table; }
.conversation .main-area:before { content: ''; background: url(../images/content/pres_cho_sm.png) 0 bottom no-repeat; position: absolute; width: 400px; height: 473px; left: 83px; }

.symbol { padding: 0 150px; }
.symbol .symbol-content { margin-bottom: 50px; line-height: 1.4; text-align: center; }
.symbol .symbol-content .img-wrap { display: inline-block; border: 1px solid #ccc; margin-bottom: 20px; }
.symbol .symbol-content .sub-text { color: #4367D9; font-size: 16px; margin-bottom: 20px; width: 610px; display: inline-block; }
.symbol .symbol-content .main-text { font-size: 25px; color: black; font-weight: 400; margin-bottom: 20px; }
.symbol .symbol-content .main-text strong { font-weight: bold; font-size: 25px; }
.symbol .symbol-content .btn-down { display: inline-block; line-height: 43px; width: 145px; height: 43px; background: #313131 url(../images/content/ico-down.png) 116px center no-repeat; color: white; font-size: 17px; cursor: pointer; padding-right: 20px; letter-spacing: -1px; }
.symbol .symbol-content .btn-down span { color: #fed300; }
.symbol .symbol-content .btn-down:hover { text-decoration: underline; }
.symbol .symbol-descript { margin-bottom: 30px; }
.symbol .symbol-descript ul { margin: 0 -10px; }
.symbol .symbol-descript ul li { width: 50%; padding: 0 10px; float: left; margin-bottom: 20px; }
.symbol .symbol-descript ul li dl { word-break: keep-all; display: table; width: 100%; height: 100px; border: 1px solid #ccc; line-height: 1.4; }
.symbol .symbol-descript ul li dl dt, .symbol .symbol-descript ul li dl dd { display: table-cell; vertical-align: middle; }
.symbol .symbol-descript ul li dl dt { width: 29%; text-align: center; background-color: #eee; font-size: 22px; font-weight: bold; }
.symbol .symbol-descript ul li dl dd { padding: 0 30px; font-size: 18px; }
.symbol .symbol-descript ul:after { display: table; clear: both; content: ''; }

.characters .chara-intro { padding-left: 663px; padding-top: 50px; background: url(../images/content/base-chara.png) 96px center no-repeat; margin-bottom: 100px; }
.characters .chara-intro dl { word-break: keep-all; margin-bottom: 36px; }
.characters .chara-intro dl dt { font-weight: bold; font-size: 22px; margin-bottom: 26px; }
.characters .chara-intro dl dd { font-size: 18px; line-height: 1.4; }
.characters .chara-intro .btn-down { display: inline-block; line-height: 43px; padding-left: 15px; width: 272px; height: 43px; background: #313131 url(../images/content/ico-down.png) 242px center no-repeat; color: white; font-size: 16px; cursor: pointer; padding-right: 20px; letter-spacing: -1px; }
.characters .chara-intro .btn-down span { color: #fed300; }
.characters .chara-intro .btn-down:hover { text-decoration: underline; }
.characters .chara-mean > ul { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.characters .chara-mean > ul > li { display: table; }
.characters .chara-mean > ul > li .for-layout { overflow: hidden; display: table-row; }
.characters .chara-mean > ul > li .for-layout li { padding: 20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display: table-cell; width: 33.3333%; }
.characters .chara-mean > ul > li .for-layout li dl { word-break: keep-all; }
.characters .chara-mean > ul > li .for-layout li dl dt { font-size: 18px; font-weight: bold; margin-bottom: 14px; }
.characters .chara-mean > ul > li .for-layout li dl dd { font-size: 16px; line-height: 1.5; }

.characters .chara-img { margin-bottom: 50px; }
.characters .chara-img ul { display: table; width: 100%; }
.characters .chara-img ul li { width: 33.3333%; display: table-cell; padding-top: 32px; text-align: center; vertical-align: middle; position: relative; }
.characters .chara-img ul li img { padding-bottom: 50px; }
.characters .chara-img ul li p { position: absolute; width: 100%; bottom: 10px; font-size: 18px; font-weight: bold; }

.fire-stations .stations-local-before { padding: 20px 450px 20px 0; position: relative; }
.fire-stations .stations-local-before .title { display: inline-block; font-size: 18px; }
.fire-stations .stations-local-before .title strong { font-weight: 700; color: #000; }
.fire-stations .stations-local-before .title .subtxt { display: inline-block; font-size: 13px; }
.fire-stations .stations-local-after { padding: 20px 450px 20px 0; position: relative; }
.fire-stations .stations-local-after .title { display: inline-block; font-size: 18px; }
.fire-stations .stations-local-after .title strong { font-weight: 700; color: #d93e3e; }
.fire-stations .stations-local-after .select-box { margin-left: 15px; padding: 5px 10px; font-size: 16px; border: 1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #eee; }
.fire-stations .stations-local-after .select-box > option { background-color: #fff; }

.fire-stations .stations-search { display: inline-block; vertical-align: top; position: absolute; right: 0; top: 50%; margin-top: -18px; }
.fire-stations .stations-search > #searchKeyword { width: 350px; border: 1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 36px; height: 38px; }
.fire-stations .stations-search > .btn-search { line-height: 36px; background-color: #313131; border: 1px solid #313131; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; color: #fff; }
.fire-stations .stations-area { display: table; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; width: 100%; }
.fire-stations .stations-area > li { display: table-cell; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; vertical-align: top; }
.fire-stations .stations-area > li:nth-child(1) { width: 20%; }
.fire-stations .stations-area > li:nth-child(2) #map { background: #ccc; padding-bottom: 77%; }

.fire-stations .pagination { display: inline-block; width: 100%; font-size: 0; text-align: center; padding: 20px 0; }
.fire-stations .pagination > li { display: inline-block; width: 30px; height: 30px; margin-right: 5px; border: 1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; vertical-align: top; overflow: hidden; position: relative; }
.fire-stations .pagination > li:hover, .fire-stations .pagination > li.active { border: 1px solid transparent; }
.fire-stations .pagination > li:hover > a, .fire-stations .pagination > li.active > a { background-color: #313131; color: #fff; }
.fire-stations .pagination > li:last-child { margin-right: 0; }
.fire-stations .pagination > li.prev_page > a, .fire-stations .pagination > li.next_page > a { font-size: 0; overflow: hidden; text-indent: -999em; }
.fire-stations .pagination > li.prev_page > a:after, .fire-stations .pagination > li.next_page > a:after { display: inline-block; position: absolute; width: auto; top: 50%; left: 50%; margin-top: -11px; content: ''; font: normal normal normal 21px/1 FontAwesome; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fire-stations .pagination > li.prev_page > a:after { content: '\f104'; margin-left: -4px; }
.fire-stations .pagination > li.next_page > a:after { content: '\f105'; margin-left: -2px; }
.fire-stations .pagination > li > a { display: inline-block; min-width: auto; border: 0; border-radius: inherit; background-color: transparent; font-size: 14px; font-weight: 500; color: #313131; width: 100%; height: 100%; line-height: 28px; }

.fire-stations .stations-list > li { position: relative; cursor: pointer; border-bottom: 1px solid #c7c7c7; padding: 30px 20px 30px 50px; font-size: 16px; word-break: keep-all; }
.fire-stations .stations-list > li:hover, .fire-stations .stations-list > li.active { background-color: #eee; }
.fire-stations .stations-list > li span, .fire-stations .stations-list > li address { display: inline-block; width: 100%; line-height: 1.5; color: #4d4d4d; }
.fire-stations .stations-list > li .marker { display: inline-block; width: 29px; height: 37px; background: url(../images/content/stations_maker.png) 0 0 no-repeat; position: absolute; top: 50%; left: 10px; margin-top: -20px; color: #4e78ff; font-size: 15px; font-weight: 700; text-align: center; padding-top: 7px; }
.fire-stations .stations-list > li .title { font-size: 18px; font-weight: 700; color: #000; margin-bottom: .7em; }
.fire-stations .stations-list > li address b { display: inline-block; border: 1px solid #313131; color: #313131; background-color: #fff; font-size: 14px; font-weight: 500; padding: 1px 5px; }
.fire-stations .stations-list > li a { color: #4d4d4d; }
.fire-stations .stations-list > li a:hover { text-decoration: underline; color: #000; }

 .iw_inner, .fire-stations .iw_inner { padding: 20px; max-width: 400px; }
 .iw_inner > dl > dt, .fire-stations .iw_inner > dl > dt { font-size: 18px; font-weight: 700; padding-bottom: .7em; color: #000; border-bottom: 2px solid #c7c7c7; }
 .iw_inner > dl > dd, .fire-stations .iw_inner > dl > dd { padding-top: .5em; }
 .iw_inner > dl > dd address, .fire-stations .iw_inner > dl > dd address { font-size: 15px; line-height: 1.7; }
 .iw_inner > dl > dd address > span, .fire-stations .iw_inner > dl > dd address > span { display: inline-block; width: 100%; word-break: keep-all; }
.iw_inner > dl > dd address > span b, .fire-stations .iw_inner > dl > dd address > span b { border: 1px solid #000; padding: 2px 7px; font-size: 14px; font-weight: 700; color: #000; }
.iw_inner > dl > dd address > span a, .fire-stations .iw_inner > dl > dd address > span a { color: #4d4d4d; }

.findmap #map, .findmap #map2 { width: 100%; border: 1px solid #c7c7c7; padding-bottom: 45%; margin-bottom: 1em; }
.findmap .map-address { color: #4d4d4d;    margin-top: 1em; }
.findmap .map-address > li { display: inline-block; margin-bottom: 2.5em; }
.findmap .map-address > li:nth-child(1) { width: 100%; }
.findmap .map-address > li:nth-child(1) > dl > dt, .findmap .map-address > li:nth-child(1) > dl > dd { width: 100%; padding: 0; }
.findmap .map-address > li:nth-child(1) > dl > dd { padding: .7em 0; }
.findmap .map-address > li > dl { font-size: 0; }
.findmap .map-address > li > dl > dt, .findmap .map-address > li > dl > dd { display: inline-block; }
.findmap .map-address > li > dl > dt { color: #313131; font-size: 22px; font-weight: 700; }
.findmap .map-address > li > dl > dd { font-size: 18px; padding-left: 10px; }

.findmap .traffic { padding: 1em 0; display: table; width: 100%; }
.findmap .traffic > li { display: table-cell; font-size: 0.89em; vertical-align: middle; text-align: center; line-height: 1.4; }
.findmap .traffic > li .traffic-icon { display: inline-block; width: 100%; height: 90px; }
.findmap .traffic > li:nth-child(odd) { border: 1px solid #c7c7c7; width: 180px; height: 180px; border-radius: 100%; }
.findmap .traffic > li:nth-child(even) { background: url(../images/content/traffic_arrow.png) right 50% no-repeat; }
.findmap .traffic > li:nth-child(even) p { padding-top: 3.5em; }
.findmap .traffic > li:nth-child(1) .traffic-icon { background: url(../images/content/traffic_icon1.png) 50% 50% no-repeat; }
.findmap .traffic > li:nth-child(3) .traffic-icon { background: url(../images/content/traffic_icon2.png) 50% 50% no-repeat; }
.findmap .traffic > li:nth-child(5) .traffic-icon { background: url(../images/content/traffic_icon3.png) 50% 50% no-repeat; }
.findmap .traffic > li:nth-child(7) .traffic-icon { background: url(../images/content/traffic_icon4.png) 50% 50% no-repeat; }
.findmap .traffic > li:last-child { background: none; font-size: 18px; font-weight: 700; text-align: left; padding-left: 20px; }

.rank { max-width: 1200px; margin: 0 auto; }
.rank .section-normal { font-size: 18px; color: #4d4d4d; }
.rank .section-normal .h4-title { position: relative; padding-left: 20px; }
.rank .section-normal .h4-title:before { position: absolute; left: 0; top: 50%; margin-top: -5px; color: #ed1b23; display: inline-block; content: '\f111'; font: normal normal normal 12px/1 FontAwesome; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.rank .section-normal > ul { padding: 15px 0; }
.rank .section-normal > ul > li { padding: 1.5em 0; border-bottom: 1px solid #c7c7c7; display: table; width: 100%; }
.rank .section-normal > ul > li:first-child { border-top: 1px solid #c7c7c7; }
.rank .section-normal > ul > li > .img, .rank .section-normal > ul > li > dl { display: table-cell; }
.rank .section-normal > ul > li > .img { width: 26%; min-width: 240px; vertical-align: middle; }
.rank .section-normal > ul > li > dl > dt { font-size: 22px; font-weight: 700; color: #000; margin-bottom: 1em; }
.rank .section-normal > ul > li > dl > dd { line-height: 1.4; }
.rank .section-normal > ul > li > dl > dd .list-number > li { margin-top: 0.2em; }
.rank .section-normal > ul > li > dl > dd .subtitle { margin: .5em 0; font-weight: 700; }

.rank.uniform .section-normal { margin-bottom: 1.5em; }
.rank.uniform .section-normal > ul { padding: 0 0 15px; border-top: 2px solid #606060; }
.rank.uniform .section-normal > ul > li > .img { width: 50%; padding-left: 30px; }
.rank.uniform .section-normal > ul > li:first-child { border-top: 0; }

.organization .table-box { display: table; margin: 0 auto; }
.organization .table-box > a { display: table-cell; width: 250px; height: 50px; text-align: center; vertical-align: middle; border: 1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #313131; }
.organization .table-box > a:hover { text-decoration: underline; }

.organization .org_group { margin-bottom: 2em; }
.organization .org_group .director a, .organization .org_group .conductor a { font-size: 22px; font-weight: 700; height: 70px; color: #fff; background-color: #398992; }
.organization .org_group .conductor a { background-color: #4d6ea6; }
.organization .org_group .main a { background-color: #b7b7b7; }
.organization .org_group .sub a { background-color: #eee; }
.organization .org_group .subarea { display: inline-block; width: 100%; font-size: 0; vertical-align: top; }
.organization .org_group .subarea li { display: inline-block; font-size: 18px; }
.organization .org_group .subarea > li > dl > dd { padding-top: 10px; }
.organization .org_group > li:nth-child(2) { padding: 5px 0; background: url(../images/content/vline.gif) 50% 50% repeat-y; }
.organization .org_group > li:nth-child(2) .subarea { background: url(../images/content/hline_1.gif) 50% 50% no-repeat; }
.organization .org_group > li:nth-child(2) > ul > li { width: 50%; }
.organization .org_group > li:nth-child(4) { text-align: left; padding: 36px 0; background: url(../images/content/vline.gif) 50% 50% repeat-y; }
.organization .org_group > li:nth-child(4) > ul { width: 50%; background: url(../images/content/hline_1.gif) right 50% no-repeat; }
.organization .org_group > li:nth-child(4) > ul > li { position: relative; width: 250px; height: 50px; }
.organization .org_group > li:nth-child(5) > ul > li { width: 25%; padding-top: 63px; vertical-align: top; }
.organization .org_group > li:nth-child(5) > ul > li:first-child { position: static; z-index: -1; }
.organization .org_group > li:nth-child(5) > ul > li:nth-child(2) { background: url(../images/content/clinel.gif) top center no-repeat; }
.organization .org_group > li:nth-child(5) > ul > li:nth-child(3) { background: url(../images/content/cline.gif) top center no-repeat; }
.organization .org_group > li:nth-child(5) > ul > li:nth-child(4) { background: url(../images/content/cliner.gif) top center no-repeat; }

.organization .affiliation > ul { font-size: 0; }
.organization .affiliation > ul > li { display: inline-block; font-size: 18px; padding: 5px; }
.organization .affiliation > ul > li:first-child { padding-left: 0; }
.organization .affiliation > ul > li:last-child { padding-right: 0; }

.organization-view .orgchart { text-align: right; }
.organization-view .orgchart .btn-orgchart { display: inline-block; padding: 15px 40px; line-height: 1.4; background-color: #313131; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 18px; font-weight: 700; }
.organization-view .orgchart .btn-orgchart:hover { border: 1px solid #313131; color: #313131; background-color: #fff; }

.organization-view .nfa-table td { text-align: center; }

.organization-view .part-tabmenu { margin: 3em 0 1em; }
.organization-view .part-tabmenu > ul { display: inline-block; font-size: 0; width: 100%; border-top: 1px solid #606060; border-left: 1px solid #606060; -webkit-box-sizing: border-box; box-sizing: border-box; }
.organization-view .part-tabmenu > ul.divide2 > li { width: 50%; }
.organization-view .part-tabmenu > ul.divide3 > li { width: 33.3333%; }
.organization-view .part-tabmenu > ul.divide4 > li { width: 25%; }
.organization-view .part-tabmenu > ul.divide5 > li { width: 20%; }
.organization-view .part-tabmenu > ul.divide6 > li { width: 16.66%; }
.organization-view .part-tabmenu > ul.divide7 > li { width: 14.28%; }
.organization-view .part-tabmenu > ul.divide8 > li { width: 12.5%; }
.organization-view .part-tabmenu > ul.divide9 > li { width: 11.11%; }
.organization-view .part-tabmenu > ul > li { font-size: 18px; display: inline-block; text-align: center; border-right: 1px solid #606060; border-bottom: 1px solid #606060; -webkit-box-sizing: border-box; box-sizing: border-box; height: 55px; }
.organization-view .part-tabmenu > ul > li.active > a, .organization-view .part-tabmenu > ul > li a:hover { background-color: #606060; color: #fff; }
.organization-view .part-tabmenu > ul > li a { display: inline-block; width: 100%; height: 100%; line-height: 53px; color: #313131; font-weight: 700; }

.organization-view .section-part {margin-top:2em;}
.organization-view .section-part .work { margin-bottom: 2em; padding: 20px 30px; background-color: #eee; }
.organization-view .section-part .work .list-circle { font-size: 0; }
.organization-view .section-part .work .list-circle > li { display: inline-block; width: 50%; margin-top: 0; line-height: 1.5; padding: 4px 13px; font-size: 16px; word-break: keep-all; }
.organization-view .section-part .work .list-circle > li:before { top: 13px; }

.organization-view .list-dash {     margin-bottom: 5px; }
.organization-view .list-dash > li > .list-dot > li {     margin-top: 2px; }

/* e: 대분류: 기관소개 -------------------------------------- */
/* s: 대분류: 이용안내 -------------------------------------- */
.nfa_sitemap .sitemap_Dept01 { margin-bottom: 2em; }
.nfa_sitemap .sitemap_Dept01 > li { position: relative; }
.nfa_sitemap .sitemap_Dept01 > li a { color: #353535; display: inline-block; width: 100%; }
.nfa_sitemap .sitemap_Dept01 > li a:hover { text-decoration: underline; }
.nfa_sitemap .sitemap_Dept01 > li a .ico-link { display: inline-block; width: 13px; height: 13px; font-size: 0; text-indent: -999em; overflow: hidden; margin-left: 10px; background: url(../images/common/gnb_blank.gif) 0 0 no-repeat; }
.nfa_sitemap .sitemap_Dept01 > li > a { padding: 15px; background-color: #398992; font-size: 20px; font-weight: 700; color: #fff; }

.nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 { display: block; margin: 0 -10px; font-size: 0; }
.nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li { display: inline-block; vertical-align: top; width: 20%; padding: 15px 10px; }
.nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li > a { padding: 13px 0; text-align: center; font-size: 18px; font-weight: 700; border: 1px solid #c7c7c7; -webkit-box-sizing: border-box; box-sizing: border-box; }

.nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 { margin: 10px 0; }
.nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 > li > a { font-size: 18px; padding: 7px; }
.nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 .sitemap_Dept04 { display: none; }

.privacy { word-break: keep-all; font-size: 14px; }

.privacy .section-info { background-color: #eee; border: 1px solid #c7c7c7; padding: 25px; margin-bottom: 2.5em; }
.privacy .section-info .h4-title { font-size: 16px; font-weight: 700; margin-bottom: 1.5em; }
.privacy .section-info p { line-height: 1.4; margin-top: 1em; }

.privacy .section-rule > ol > li { position: relative; margin-bottom: 2.5em; }
.privacy .section-rule > ol > li > p.title { font-size: 16px; font-weight: 700; }
.privacy .section-rule > ol > li > dl > dt { font-size: 16px; font-weight: 700; margin-bottom: 1.5em; }
.privacy .section-rule > ol > li > dl > dd { line-height: 1.4; }
.privacy .section-rule > ol > li > dl > dd > dl { margin: 0 0 0 10px; }
.privacy .section-rule > ol > li > dl > dd > dl > dt { margin-top: 1em; }
.privacy .section-rule > ol > li > dl > dd > dl > dd { padding: 3px 0 0 22px; font-size: 13px; }
.privacy .section-rule > ol > li > dl > dd > dl > dd.leftpd5 { padding-left: 5px; }
.privacy .section-rule > ol > li > dl > dd > ol > li > dl > dt { margin-top: 1em; }
.privacy .section-rule > ol > li > dl > dd > ol > li > dl > dd { padding-left: 20px; }
.privacy .section-rule > ol > li > dl > dd > ol > li > dl > dd.leftpd0 { padding-left: 0; }
.privacy .section-rule > ol > li > dl > dd > ol > li > dl > dd > dl { font-size: 13px; color: #787878; }
.privacy .section-rule > ol > li > dl > dd > ol > li > dl > dd > dl dt { position: relative; padding-left: 10px; }
.privacy .section-rule > ol > li > dl > dd > ol > li > dl > dd > dl dt:before { display: inline-block; width: 5px; height: 1px; content: ''; position: absolute; top: 50%; left: 0; background-color: #787878; }
.privacy .section-rule > ol > li > dl > dd > ol > li > dl > dd > dl dd { padding-left: 10px; }
.privacy .section-rule > ol > li > dl > dd table { width: 100%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-collapse: collapse; margin-top: 1em; }
.privacy .section-rule > ol > li > dl > dd table th { background-color: #eee; font-weight: 700; font-size: 14px; }
.privacy .section-rule > ol > li > dl > dd table th, .privacy .section-rule > ol > li > dl > dd table td { border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 7px 0; text-align: center; }

.useinfo .section-copyright > ul { display: table; width: 100%; margin: 0 auto; }
.useinfo .section-copyright > ul > li { display: table-cell; vertical-align: top; }
.useinfo .section-copyright > ul > li:nth-child(1) { width: 25%; padding-right: 45px; }
.useinfo .section-copyright > ul > li:nth-child(1) .img { width: 100%; margin-bottom: 1em; }
.useinfo .section-copyright > ul > li:nth-child(1) .img img { max-width: 100%; }
.useinfo .section-copyright > ul > li:nth-child(1) > a { display: inline-block; width: 100%; padding: 20px 15px; border: 1px solid #c7c7c7; margin-bottom: 1em; font-size: 18px; font-weight: 500; color: #313131; position: relative; }
.useinfo .section-copyright > ul > li:nth-child(1) > a:after { position: absolute; top: 50%; right: 20px; margin-top: -15px; display: inline-block; content: '\f105'; font: normal normal normal 28px/1 FontAwesome; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.useinfo .section-copyright > ul > li:nth-child(1) > a:hover { background-color: #313131; color: #fff; }
.useinfo .section-copyright > ul > li:nth-child(2) { width: 75%; line-height: 1.7; border: 1px solid #c7c7c7; padding: 0 1em; }
.useinfo .section-copyright > ul > li:nth-child(2) > p { padding: 1em 0; }

/* e: 대분류: 이용안내 -------------------------------------- */
@media screen and (max-width: 1400px) { 
	.sidebar .util { left: inherit !important; right: 10px; }
}

@media screen and (max-width: 1280px) { 
	.sub #contentment .researchCount > .research_title { width: 60%; top: 20px; padding: 0 20px 0 20px; }
  .sub #contentment .researchCount ul > li { padding: 20px; }
  .sub #contentment .researchCount ul > li:nth-child(1) { width: 60%; }
  .sub #contentment .researchCount ul > li:nth-child(2) { width: 40%; }
  .sub #contentment .researchCount ul > li > ol { margin-top: 30px; }
  .oneStop_center .__align-table { display: block; }
  .oneStop_center .__align-cell { display: block; vertical-align: top; } 
}

@media screen and (max-width: 1024px) { 
	.sub #contentment .researchCount { padding-top: 20px; }
  .sub #contentment .researchCount > .research_title { position: static; width: 100%; }
  .sub #contentment .researchCount ul { display: block; }
  .sub #contentment .researchCount ul > li { display: inline-block; }
  .sub #contentment .researchCount ul > li:nth-child(1), .sub #contentment .researchCount ul > li:nth-child(2) { width: 100%; border: 0; }
  .sub #contentment .researchCount ul > li:nth-child(1) { padding: 0 20px; }
  .sub #contentment .researchCount ul > li > ol { margin-top: 0; }
 .useinfo .section-copyright > ul, .useinfo .section-copyright > ul > li { display: block; }
  .useinfo .section-copyright > ul > li:nth-child(1) { width: 100%; padding-right: 0; }
  .useinfo .section-copyright > ul > li:nth-child(1) > a { max-width: 330px; }
  .useinfo .section-copyright > ul > li:nth-child(2) { width: 100%; }
  #wrap.sub1 .top-menu > li:nth-child(1) > a:before, #wrap.sub2 .top-menu > li:nth-child(2) > a:before, #wrap.sub3 .top-menu > li:nth-child(3) > a:before, #wrap.sub4 .top-menu > li:nth-child(4) > a:before, #wrap.sub5 .top-menu > li:nth-child(5) > a:before { left: 20px; } 
}

@media screen and (max-width: 1280px) { 
	.sub .breadcrumb { display: inline-block; }
  .sub .breadcrumb .inner { padding: 0 10px; font-size: 12px; }
  .sub .sidebar { padding-top: 0; }
  .sub .sidebar > .inner .h2-title strong { font-size: 24px; height: 150px; }
  .sub .sidebar > .inner .util { top: 110px; }
  .sub .sidebar > .inner .lnb.depth2 { display: none; }
  .sub .sidebar > .inner .lnb.depth3 { padding: 15px 5px; }
  .sub .sidebar > .inner .lnb.depth3 .lnb-menu > li > a { font-size: 14px; height: 38px; line-height: 35px; }
  .sub .sidebar > .inner .lnb.depth4 { padding: 0 10px; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4 { display: inline-block; position: relative; padding-top: 38px; max-height: 38px; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4.__open { max-height: 500px; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4.__open > li.on a:after { content: '\f106'; top: 5px; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4 > li { display: inline-block; width: 100% !important; height: 38px; border-top: 0; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4 > li.on { position: absolute; top: 0; left: 0; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4 > li.on a { position: relative; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4 > li.on a:after { display: inline-block; position: absolute; right: 11px; top: 7px; color: #fff; content: '\f107'; font: normal normal normal 24px/1 FontAwesome; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .sub .sidebar > .inner .lnb.depth4 > .depth4 > li a { display: inline-block; line-height: 38px; width: 100%; font-size: 14px; }
  .sub .sidebar.depth4-row2 .lnb.depth4 > .depth4.divide10 > li { width: 100%; }
  .sub #contentment .researchCount .research_title { font-size: 16px; }
  .sub #contentment .researchCount .research_title > a { font-size: 16px; }
  .sub #contentment .researchCount ul > li > ol > li > label { font-size: 14px; }
  .sub #contentment .researchCount ul > li > ol > li > label:before { margin: 5px 0; }
  .sub .adminArea { font-size: 13px; }
  .sub .adminArea > ul > li { padding: 0 2%; }
  .sub .adminArea > ul > li:after { right: -3%; }
  .sub .adminArea > ul > li > dl dt, .sub .adminArea > ul > li > dl dd { padding: 10px 0; }
  .sub .adminArea > ul > li > dl dt { padding-right: 15px; }
  .sub .adminArea > ul > li > dl dt:after { top: 9px; }
.useinfo { font-size: 16px; }
  .useinfo .section-copyright > ul > li:nth-child(1) > a {padding: 1em;font-size: 16px;}
  .useinfo .section-copyright > ul > li:nth-child(2) { padding: 1em 1.2em 0; line-height: 1.4; }
  .useinfo .section-copyright > ul > li:nth-child(2) > p { padding: 0 0 1em; }
  .nfa_sitemap { padding: 30px 0; }
  .nfa_sitemap .sitemap_Dept01 { margin-bottom: 1em; }
  .nfa_sitemap .sitemap_Dept01 > li > a { padding: 12px; font-size: 17px; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 { margin: 0 -5px; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li { width: 25%; padding: 15px 5px; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li > a { font-size: 15px; font-weight: 500; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 > li > a { font-size: 13px; word-break: keep-all; padding: 3px 7px; line-height: 1.4; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 > li > a .ico-link { width: 10px; height: 10px; background-size: 100%; }
  .privacy { padding: .5em 0; }
  .privacy .section-info { padding: 10px; }
  .privacy .section-info .h4-title { font-size: 14px; }
  .privacy .section-rule > ol > li > p.title { font-size: 14px; }
  .privacy .section-rule > ol > li > dl > dt { font-size: 14px; }
  .privacy .section-rule > ol > li > dl > dd table th, .privacy .section-rule > ol > li > dl > dd table td { font-size: 12px; padding: 7px 5px; }
  #wrap.sub1 .top-menu > li:nth-child(1) > a, #wrap.sub2 .top-menu > li:nth-child(2) > a, #wrap.sub3 .top-menu > li:nth-child(3) > a, #wrap.sub4 .top-menu > li:nth-child(4) > a, #wrap.sub5 .top-menu > li:nth-child(5) > a { font-weight: 500; }
  #wrap.sub1 .top-menu > li:nth-child(1) > a:before, #wrap.sub2 .top-menu > li:nth-child(2) > a:before, #wrap.sub3 .top-menu > li:nth-child(3) > a:before, #wrap.sub4 .top-menu > li:nth-child(4) > a:before, #wrap.sub5 .top-menu > li:nth-child(5) > a:before { top: 50%; left: inherit; right: 50px; border-radius: 0; margin: 0; width: 14px; height: 2px; background: #353535; }
}

@media screen and (max-width: 768px) { 
	.sub .adminArea #scroll-btn { right: 1%; width: 56px; }
  .sub .adminArea > ul > li { display: block; }
  .sub .adminArea > ul > li:after { content: none; }
  .sub .adminArea > ul > li:first-child { padding-left: 2%; }
  .sub .adminArea > ul > li > dl dt:after { top: 3px; }
  .sub .adminArea > ul > li > dl dt, .sub .adminArea > ul > li > dl dd { padding-top: 4px; padding-bottom: 4px; }
  .sub #contentment .researchCount { padding: 2%; }
  .sub #contentment .researchCount .research_title { padding: 0; line-height: 1.4; margin-bottom: .5em; word-break: keep-all; }
  .sub #contentment .researchCount .research_title > span { display: block; }
  .sub #contentment .researchCount .research_title > a { font-size: 16px; float: none; }
  .sub #contentment .researchCount ul > li { padding: 0; }
  .sub #contentment .researchCount ul > li:first-child { padding: 0; }
  .sub #contentment .researchCount ul > li:nth-child(2) { padding-top: 1em; }
  .sub #contentment .researchCount ul > li > ol > li > label { font-size: 14px; }
  .sub #contentment .researchCount ul > li > ol > li > label:before { margin: 5px 0; }
 .useinfo .section-copyright > ul > li:nth-child(1) > a { max-width: 100%; }
  .nfa_sitemap { padding: 0; }
  .nfa_sitemap .sitemap_Dept01 { margin-bottom: 1em; }
  .nfa_sitemap .sitemap_Dept01 > li > a { font-size: 16px; font-weight: 500; padding: 9px; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 { margin: 0 -5px; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li { width: 33.3333%; padding: 10px 5px; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li > a { font-size: 14px; padding: 9px 0; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 { margin: 5px 0; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 > li > a { font-size: 12px; }
}

@media screen and (max-width: 480px) {
	.sub .adminArea { padding: 4px 0 34px; }
  .sub .adminArea #scroll-btn { top: inherit; right: inherit; bottom: 0; width: 100%; border: 0; border-top: 1px solid #c7c7c7; }
  .sub #contentment .researchCount ul > li:last-child .research_memo { padding: 0; height: auto; }
  .sub #contentment .researchCount ul > li:last-child .research_memo .researchTxt { height: 45px; }
  .sub #contentment .researchCount ul > li:last-child .research_memo .researchBtn { position: static; width: 100%; height: auto; margin-top: 3px; font-size: 14px; padding: 5px 0; }
  .sub #contentment .researchCount ul > li > ol { display: inline-block; }
  .sub #contentment .researchCount ul > li > ol > li { display: inline-block; width: auto; padding: 0 10px; }
  .sub #contentment .researchCount ul > li > ol > li > label:before { content: none; }
  .nfa_sitemap .sitemap_Dept01 > li > a { text-align: center; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 { margin: 0 -5px; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li { width: 100%; padding: 10px 5px 0; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 > li > a { padding: 8px; text-align: left; }
  .nfa_sitemap .sitemap_Dept01 .sitemap_Dept02 .sitemap_Dept03 > li > a { padding: 3px 10px; }
}
/*# sourceMappingURL=sub.css.map */



/* -------------------------------------------------------------------- */
/*s : 중앙소방학교 */


/* common style */
a {color:inherit;}
/* --bullet */
[listBullet-] >li {position: relative;padding-left:12px;}
[listBullet-] >li:before {display:inline-block;padding-right: 2px;vertical-align:top;}
.listBullet-circle >li:before {content:'·';}

/* title, font */
/* .h4-title {font-size: 22px; font-weight: 700; margin-bottom: 1em; color: #313131;} */
.t_bold {font-weight:700;}


/* 소방학교소개 - 학교장 인사말 */
.introduce-greeting {width:1280px;margin:0 auto;}
.introduce-greeting::after {display:table; clear:both; content:'';}
.introduce-greeting .img_area {float:left; margin-right:40px;}
.introduce-greeting .img_area img {width:413px;box-sizing:content-box;border:1px solid #c7c7c7;}
.introduce-greeting .img_area figcaption {padding-top:5px;text-align:center;}
.introduce-greeting .txt_area {overflow: hidden;}
.introduce-greeting .txt_area span {display:block;padding-bottom:22px;line-height:1.5;    font-size: 1em;word-break:keep-all;}
.introduce-greeting .txt_area .headline {padding-bottom:35px;    font-size: 1.4em;font-weight:700;}
.introduce-greeting .txt_area .highlight {display:inline-block;margin-top:-3px;;font-size: 1.2em;color:#36119f;font-weight:700;vertical-align:top;}
.introduce-greeting .txt_area .sign {padding:0;text-align:right;}
.introduce-greeting .txt_area .sign i {display:inline-block;vertical-align:top;padding-top:18px;}
.introduce-greeting .txt_area .sign img {display:inline-block;}

@media screen and (max-width: 1280px) {
.introduce-greeting {width:100%;}
.introduce-greeting .txt_area {width: calc(100% - 455px);}
}

@media screen and (max-width: 1024px) {
.introduce-greeting {font-size:0.9em;}
}

@media screen and (max-width: 768px) {
.introduce-greeting .img_area {display:none;}
.introduce-greeting .txt_area {    width: 100%;}
}


@media screen and (max-width: 640px) {
.introduce-greeting {font-size:0.8em;}
}



/* 소방학교소개 - 연혁 */
.introduce-history .headline {font-size:30px; font-weight:300; line-height:1.4; font-family: 'YiSunShin Dotum', sans-serif; text-align: center; margin-bottom:2.5em;}
.introduce-history .headline strong {font-size:30px; font-weight:400; font-family: 'YiSunShin Dotum', sans-serif; color:#36119f;}
.introduce-history .history_area {position: relative;}
.introduce-history .history_area:after {display:inline-block; content:''; width:1px; height:100%; background-color:#ccc; position:absolute; top:0px; left:50%; margin-left:-1px; z-index:-1; }
.introduce-history .history_area .h4-title {width:140px; height:140px; line-height:140px; display:table; position:absolute; top:32px; left:50%;-webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.introduce-history .history_area .h4-title strong {display:table-cell; text-align:center; vertical-align:middle; position: relative; font-size:25px; font-weight:700; line-height:1.3; color:#36119f;}
.introduce-history .history_area .h4-title strong:after {display:inline-block; content:''; width:140px; height:140px; box-sizing:border-box; border:10px solid #36119f; position:absolute; left:0; top:0;-webkit-transform:rotate(45deg); transform:rotate(45deg);-webkit-box-shadow:5px 5px 0px #ccc; box-shadow:5px 5px 0px #ccc; background-color:#fff; z-index:-1;}
.introduce-history .history_area > dl:first-child {padding:260px 50% 300px 0;}
.introduce-history .history_area > dl:first-child .h4-title {width:180px; height:180px;}
.introduce-history .history_area > dl:first-child .h4-title strong {font-size:30px;}
.introduce-history .history_area > dl:first-child .h4-title strong:after {width:180px; height:180px; border:20px solid #36119f;}
.introduce-history .history_area > dl {padding:210px 50% 0 0 ; position: relative;}
.introduce-history .history_area > dl:nth-child(even) { padding:210px 0 0 50%; }
.introduce-history .history_area .sec-list_wrap {padding:1em 0; text-align:right;}
.introduce-history .history_area .sec-list_wrap .item {margin-bottom:1.5em;}
.introduce-history .history_area .sec-list_wrap .item:last-child {margin-bottom:0;}
.introduce-history .history_area .sec-list_wrap .item:after {display:table-cell; content:''; clear:both;}
.introduce-history .history_area .sec-list_wrap .item > dt,
.introduce-history .history_area .sec-list_wrap .item > dd {display:inline-block; vertical-align:top; line-height:1.4;}
.introduce-history .history_area .sec-list_wrap .item > dt {float:right;font-weight:700; position:relative; padding:0 30px; width:155px;text-align:center;}
.introduce-history .history_area .sec-list_wrap .item > dt:before {left:inherit; right:0px; display:inline-block; content:''; width:15px; height:15px; background-color:#dad1f2; position:absolute; top:50%;  -webkit-transform: rotate(45deg) translateY(-70%); transform: rotate(45deg) translate(0, -70%);}
.introduce-history .history_area .sec-list_wrap .item > dd {-webkit-width:calc(100% - 155px);-moz-width:calc(100% - 155px);width:calc(100% - 155px); word-break:keep-all;}
.introduce-history .history_area > dl:nth-child(even) .sec-list_wrap  {text-align:left;}
.introduce-history .history_area > dl:nth-child(even) .sec-list_wrap .item > dt {float: left; }
.introduce-history .history_area > dl:nth-child(even) .sec-list_wrap .item > dt:before {left:-15px;}
.introduce-history .history_area > dl:nth-child(1):before {background:url(/nfsa/common/img/2020080411051130966.jpg) 50% 50% no-repeat; content:''; right:10%;}
.introduce-history .history_area > dl:nth-child(2):before {background:url(../images/content/introduce-history-01.jpg) 50% 50% no-repeat; content:''; left:10%;}
.introduce-history .history_area > dl:nth-child(3):before {background:url(../images/content/introduce-history-02.jpg) 50% 50% no-repeat; content:''; right:10%; -webkit-box-shadow: 20px 20px 0 #ccc; box-shadow: 20px 20px 0 #ccc;}
.introduce-history .history_area > dl:nth-child(4):before {background:url(../images/content/introduce-history-03.jpg) 50% 50% no-repeat; content:''; left:10%;}
.introduce-history .history_area > dl:before {display:inline-block; width:432px; height:304px; position:absolute;-webkit-box-shadow: -20px -20px 0 #ccc; box-shadow: -20px 20px 0 #ccc;}

@media screen and (max-width:1280px) {
  .introduce-history .headline {word-break:keep-all;}
  .introduce-history .headline .br {display:none;}
}

@media screen and (max-width:1180px) {
  .introduce-history .history_area > dl:before {width:35%;}
}

@media screen and (max-width:980px) {
  .introduce-history .headline,
  .introduce-history .headline strong {font-size:26px;}
  .introduce-history .history_area > dl {padding-left:0; padding-right:0 !important;}
  .introduce-history .history_area > dl:before {display:none;}
  .introduce-history .history_area > dl > dd {border:1px solid #ccc; border-radius:10px; background-color:#fff; max-width:800px; margin:0 auto;}
  .introduce-history .history_area .h4-title {top:45px;}
  .introduce-history .history_area > dl:first-child .h4-title {top:0;}
  .introduce-history .history_area > dl {padding:235px 0 0 0 !important;}
  .introduce-history .history_area > dl:first-child{padding-bottom:0;}
  .introduce-history .history_area .sec-list_wrap {padding:1em 1em 1em 2em; text-align:left;}
  .introduce-history .history_area .sec-list_wrap .item {margin-bottom:0.7em;}
  .introduce-history .history_area .sec-list_wrap .item > dt {float:left !important; left:-15px;}
  .introduce-history .history_area > dl:nth-child(even) .sec-list_wrap {text-align:left;}
  .introduce-history .history_area > dl:nth-child(even) .sec-list_wrap .item > dt:before {left:-15px; right:inherit;}

  .facilities { font-size: 16px; }
  .facilities .list_wrap.process { width: 980px; }
  .facilities .list_wrap.process .item .comment, .facilities .list_wrap.process .item .boldTxt, .facilities .list_wrap.process .item .detail_list_wrap.list-dash { font-size: 14px; width: 150px; }
  .facilities .list_wrap.process .item .comment { padding-bottom: 0; }
  .facilities .list_wrap.process .item:after { height: 150px; }
  .facilities .list_wrap.process .item + .item { padding-left: 52px; }
  .facilities .list_wrap.process .item .inner strong { width: 150px; height: 150px; }
  .facilities .list_wrap.process .item .inner strong:before { width: 100px; height: 100px; background-size: cover !important; }
  .facilities [class*="__bul-"]:before { top: -2px; }
  .findmap .map-select button {padding:0 1em; line-height: 35px; font-size: 14px;}
  .findmap .map-select a {padding:0 1em; line-height: 35px; font-size: 14px;}

  .pdata-b{overflow-x:auto;}
  .pdata-b .list_wrap.process .item strong{width:150px; height:150px; font-size:16px;}
  .pdata-b .list_wrap.process .item strong:before { width:100px; height:100px; background-size:cover !important;}
}

@media screen and (max-width:620px) {
  .introduce-history .headline,
  .introduce-history .headline strong {font-size:21px;}
  .introduce-history .history_area > dl:first-child .h4-title strong {font-size:26px;}
  .introduce-history .history_area .h4-title strong {font-size:21px;}
  .introduce-history .history_area .sec-list_wrap {}/* padding:1em;*/
  .introduce-history .history_area .sec-list_wrap .item > dt:before {display:none;}
  .introduce-history .history_area .sec-list_wrap .item > dt,
  .introduce-history .history_area .sec-list_wrap .item > dd {float: none; display:block; width:100%; text-align:left; padding:0;}
  .introduce-history .history_area .sec-list_wrap .item > dd {}
}



/* 소방학교소개 - 상징 - 교가 , 소방가 */
.introduce-symbol-song {width:648px; margin:0 auto;}

/* 소방학교소개 - 조직 및 업무 */
.introduce-organization .org-list_wrap {padding-top:55px;     overflow: hidden;}
.introduce-organization .org-list_wrap .division_wrap {padding-top:70px;}
.introduce-organization .org-list_wrap .division {display:inline-block;width:25%;vertical-align:top; float:left;}
.introduce-organization .subscript {margin-top:3em; text-align:center;}
.introduce-organization .subscript span {display:inline-block; padding:1em 2em; border:1px solid #b8b8b8; text-align:left; word-break:keep-all;}
/* --item style 정의 */
.introduce-organization .org-list_wrap .item {display:block;width:197px;padding:22px 0;margin:0 auto;line-height:1;font-weight:700;font-size: 1.22em; color:#fff;text-align:center;}
.introduce-organization .org-list_wrap .item:hover {text-decoration:underline;}
.introduce-organization .org-list_wrap .division .item {border:1px solid #36119f;background:#dad1f2;color:#36119f;}
.introduce-organization .org-list_wrap .subDivision .item {margin-top:15px;font-weight:400;background:#fff;}
.introduce-organization .org-list_wrap .head{position:relative;}
.introduce-organization .org-list_wrap .head >.item {margin:0 auto;background-color: #36119f; width:197px;}
.introduce-organization .org-list_wrap .head .item:before{display:block;content:''; background:url(../images/common/bg-orgLine.png) repeat-y;  width:100%; height:35px;top:66px; left:50%; position:absolute; }
.introduce-organization .org-list_wrap .head .item a{color:#fff; }

/* line 정의 */
[class*="orgLine-"]{position:relative;}
[class*="orgLine-"]:before,
[class*="orgLine-"]:after {display:block;content:'';position:absolute;background-image:url(../images/common/bg-orgLine.png);}
[class*="orgLine-"]:before {background-position:0 50%;background-repeat:repeat-x;}
[class*="orgLine-"]:after {background-position:50% 0;background-repeat:repeat-y;}
.orgLine-leftTop:before {width:50% !important;right:0;}
.orgLine-leftTop:after {transform:translate(0, 25%) scaleY(0.5);}
.orgLine-rightTop:before {width:50% !important;left:0;}
.orgLine-rightTop:after {transform:translate(0, 25%) scaleY(0.5);}
.orgLine-cross:after {transform:translate(0, 25%) scaleY(0.5);}
.orgLine-centerDown:after {transform:translate(0, 25%) scaleY(0.5);}
.introduce-organization .org-list_wrap .division[class*="orgLine-"]:before, 
.introduce-organization .org-list_wrap .division[class*="orgLine-"]:after {width:100%;height:70px;top:-70px;}

@media screen and (max-width: 1366px) {
	.introduce-organization .org-list_wrap .item {width: 95%;}
	.introduce-organization .org-list_wrap .head .item:before{top:61px;}
}

@media screen and (max-width: 1024px) {
.introduce-organization {font-size:0.8em}
}

@media screen and (max-width: 768px) {
.introduce-organization .org-list_wrap .division {width: 100%;  float: none; margin-top: 2em;     padding: 0 1em;}
.introduce-organization .org-list_wrap .head {     padding-bottom: 2em;    border-top: none;}
.introduce-organization .org-list_wrap .head >.item {width: 100%;}
.introduce-organization .org-list_wrap .item {margin:0; width: 100%;}
.introduce-organization .org-list_wrap .division_wrap {padding-top:0;}
[class*="orgLine-"]:before, [class*="orgLine-"]:after {display:none;}
.introduce-organization .org-list_wrap .head .item:before{display:none;}
.introduce-organization .org-list_wrap .subDivision { padding: 0 1em;}
.introduce-organization .org-list_wrap .subDivision .item {    margin-top: 0.5em;}
}

@media screen and (max-width: 640px) {
.introduce-organization {font-size:0.7em}
}


/* jspart */
.main-content { line-height: 1.4;}

.sub-title { font-size: 18px;  font-weight: bold;  margin-bottom: 6px;}

.mid-title {  font-size: 20px;  font-weight: bold;  margin-bottom: 20px;}

@media screen and (max-width: 1024px) {
.sub-title {font-size:16px;}
.mid-title {font-size:18px;}
}

@media screen and (max-width: 640px) {
.sub-title {font-size:14px;}
.mid-title {font-size:16px;}
}


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


.to-left { text-align: left;}

.inner-text { margin-bottom: 20px;}

.list-dot > li { padding-left: 14px; position: relative;}
.list-dot > li:before {content: '';  position: absolute;  display: inline-block; top: 0; left: 0; height: 1.3em; width: 0.8em; min-width: 12px; background: url(../images/common/checkmark.png) 0 center no-repeat;}

.list-dash > li { padding-left: 10px; position: relative;}
.list-dash > li:before { display: inline-block;  width: 5px;height: 1px; background-color: #313131; content: ''; position: absolute; top: 0.7em; left: 0;}

.list-cus > li { position: relative; display: table;}
.list-cus > li .bul { display: table-cell;  vertical-align: top;  padding-right: 3px;  white-space: nowrap;}
.list-cus > li p, .list-cus > li dl {  display: table-cell;  vertical-align: top;}
.list-cus > li p dt, .list-cus > li dl dt {  margin-bottom: 0;}

.ps {  font-size: 0.85em;  color: #36119f;}

.list-dot > li, .list-dash > li, .list-cus > li {  margin-top: 5px;}
.list-dot > .list-dot li, .list-dot .list-dash li, .list-dot .list-cus li, .list-dash > .list-dot li, .list-dash .list-dash li, .list-dash .list-cus li, .list-cus > .list-dot li, .list-cus .list-dash li, .list-cus .list-cus li {  margin-top: 0px;}

.table-outerbox {  position: relative;}
.table-outerbox .table-upper-rep {  position: absolute;  font-size: 1em;  top: -1.5em;  right: 0;}

.tb-normal {border-collapse: inherit;  width: 100%;  border-top: 1px solid #c7c7c7;  border-left: 1px solid #c7c7c7;}
.tb-normal th, .tb-normal td {  border-right: 1px solid #c7c7c7;  border-bottom: 1px solid #c7c7c7;  vertical-align: middle;  padding: 6px;  line-height: 1.3;  word-break: keep-all;  height: 46px;font-size: inherit;}
.tb-normal th {  background-color: #eee;  text-align: center;}
.tb-normal .text-ct {  text-align: center;}

.slidetable {background-color: white; background-repeat: no-repeat; background-size: 10px 100%;}

@media screen and (max-width: 768px) {
.slidetable {    background-color: white; overflow-x : auto;}
.slidetable > .tb-normal{width:768px;}
}

.h4-title {  font-size: 22px;  font-weight: 700;  margin-bottom: 1em;  color: #313131;word-break:keep-all;}

@media screen and (max-width: 1024px) {
.h4-title {font-size:20px;}
}

@media screen and (max-width: 640px) {
.h4-title {font-size:18px;}
}

.down-btn-type1 { padding: 10px 0;  margin-bottom: 10px;}
.down-btn-type1 a {display: inline-block; padding: 8px 30px 8px 10px;font-size:14px; color: #313131; background: url(../images/content/ico-down-u.png) 96% center no-repeat; border: 1px #adadad solid;}
.down-btn-type1 a:hover { color:#131313; border:1px #36119f  solid; }

.edu-evaluation {  line-height: 1.4;}
.edu-evaluation > ul > li {  margin-bottom: 2em;}
.edu-evaluation > ul > li ol {  padding-left: 1.3em;}
.edu-evaluation > ul > li ol > li {  list-style: decimal;  font-weight: 500;}
.edu-evaluation > ul > li dl {  font-weight: 400;  margin-bottom: 0.7em;}
.edu-evaluation > ul > li dl dt {  font-weight: 500;}
.edu-evaluation h5 {  font-weight: bold;  font-size: 1.4em;  margin-bottom: 0.4em;}

.process-list > ul > li {  margin-bottom: 30px;}
.process-list table {  margin-top: 6px;}

@media screen and (max-width: 1024px) {
.process-list, .schedule-table {font-size : 0.9em;}
}

@media screen and (max-width: 640px) {
.process-list, .schedule-table {font-size : 0.8em;}
}


.info-list > dl {  margin-bottom: 30px;}
.info-list > dl dt {  margin-bottom: 6px;}
.info-list > dl dd table {  margin-top: 6px;}
.info-list > dl dd dl {  margin-top: 10px;}
.info-list > dl dd dl + dl {  margin-top: 10px;}
.info-list .strong {  font-weight: bold;    font-size: 1em;}

@media screen and (max-width: 1024px) {
.info-list  {font-size : 0.9em;}
}

@media screen and (max-width: 640px) {
.info-list  {font-size : 0.8em;}
}


.enter-edu {  word-break: keep-all;}
.enter-edu .list-cus > li {  font-size: 0.85em;  color: #36119f;}
.enter-edu .edu-step {  margin-top: 20px;  margin-bottom: 40px;}
.enter-edu .edu-step > ul {  overflow: hidden;  margin: 0 -31px;}
.enter-edu .edu-step > ul > li {  float: left;  width: 20%;  padding: 0 31px;  position: relative;}
.enter-edu .edu-step > ul > li:after {  content: '';  background: url(../images/content/arr-next.png) center 110px no-repeat;  position: absolute;  width: 12px;  height: 100%;  right: -6px;  top: 0;}
.enter-edu .edu-step > ul > li:first-child div {  background: #eee url(../images/content/ico-edu1.png) center 30px no-repeat;}
.enter-edu .edu-step > ul > li:nth-child(2) div {  background: #eee url(../images/content/ico-edu2.png) center 30px no-repeat;}
.enter-edu .edu-step > ul > li:nth-child(3) div {  background: #eee url(../images/content/ico-edu3.png) center 30px no-repeat;}
.enter-edu .edu-step > ul > li:nth-child(4) div {  background: #eee url(../images/content/ico-edu4.png) center 30px no-repeat;}
.enter-edu .edu-step > ul > li:nth-child(5) div {  background: #eee url(../images/content/ico-edu5.png) center 30px no-repeat;}
.enter-edu .edu-step > ul > li:nth-child(5):after {  background: none;  position: relative;}
.enter-edu .edu-step > ul > li > p, .enter-edu .edu-step > ul > li > .list-dash {  margin-top: 15px;  font-size: 0.9em;}
.enter-edu .edu-step > ul > li div {  border: 1px solid #c7c7c7;  padding: 180px 0 30px;}
.enter-edu .edu-step > ul > li div p {  padding-top: 8px;  font-size: 0.9em;}
.enter-edu .edu-step > ul:after {  content: '';  clear: both;  display: table;}

@media screen and (max-width: 1200px) {
.enter-edu .cyber-edu.info-list .edu-step > ul > li div {background : none;}
.enter-edu .edu-step > ul > li div p {padding: 8px 0;}
.enter-edu .edu-step > ul > li:after {background: url(../images/content/arr-next.png) center 8px no-repeat;}
.enter-edu .edu-step > ul > li div {padding:0;}
}

@media screen and (max-width: 1024px) {
.enter-edu .edu-step > ul {width:100%; margin: 0;}
.enter-edu .edu-step > ul > li {width: 100%;   float: none;  padding-bottom: 25px;  margin-bottom: 15px; text-align: center; }
.enter-edu .edu-step > ul > li:after {left: 0;    right: auto;    width: 100%;  background: url(../images/content/bg-arr-down-g.png) center bottom no-repeat;}
.enter-edu .edu-step > ul > li > p {text-align: center;}
.enter-edu .edu-step > ul > li > .list-dash {display: inline-block;}
.enter-edu .edu-step > ul > li > .list-dash > li {    text-align: left;}
}

@media screen and (max-width: 640px) {
.enter-edu .edu-step > ul > li {padding-left: 0;  padding-right: 0;}
}

.edu-living > ol > li {  margin-bottom: 50px;}
.edu-living > ol > li > ul > li {  margin-bottom: 15px;}
.edu-living > ol > li > ul > li > dl > dt {  font-weight: bold;}
.edu-living > ol > li > ul > li > dl > dd {  margin-top: 5px;}
.edu-living > ol > li .list-dot > li {  margin-bottom: 5px;}
.edu-living .head-text {  margin: 50px 0 70px;}

@media screen and (max-width: 1024px) {
.edu-living {font-size : 0.9em;}

}

@media screen and (max-width: 640px) {
.edu-living {font-size : 0.8em;}
}


.cyberedu-step + .cyberedu-step {  margin-top: 50px;}
.cyberedu-step > ul:after {  clear: both;  content: '';  display: table;}
.cyberedu-step > ul > li {  float: left;  width: 50%;}

.exam-guide .list-cus + .list-dot {  margin-top: 20px;}
.exam-guide .list-cus + .list-dot li {  margin-bottom: 20px;}
.exam-guide .info-list > dl dd dl {  margin-top: 18px;}
.exam-guide .mid-title {  font-size: 22px;}
.exam-guide .datalist ul.list-dot > li {  margin-bottom: 20px;}
.exam-guide table.tb-normal .list-cus li {  margin-bottom: 0;  padding: 2px 0;}
.exam-guide .methods-list > dd .list-dot > li {  margin-top: 15px;}
.exam-guide .methods-list > dd .list-dot > li:first-child {  margin-top: 5px;}

.administrative-information {  word-break: keep-all;}
.administrative-information .border-box {  border: 1px solid #c7c7c7;  padding: 33px 32px 33px 280px;  background: url(../images/content/opendata.jpg) 32px center no-repeat;}
.administrative-information .border-box p {  font-size: 22px;}
.administrative-information .border-box::after {  display:table;clear:both;content:'';}
.administrative-information .border-box span {float: right;  line-height: 1; background: url(../images/content/ico-alink.png) 159px center no-repeat;  display: table;}
.administrative-information .border-box span a {color: inherit;padding: 8px 32px 8px 8px;display: table-cell; vertical-align: middle;font-size: 14px; border: 1px solid #c7c7c7;}
.administrative-information .border-box span a:hover {  /*background:#36119f url(../images/content/ico-alink-hover.png) 159px center no-repeat; */ border-color: #36119f ;}

@media screen and (max-width: 1280px) {
.administrative-information .border-box span {float: none;    margin-top: 20px;}
}

@media screen and (max-width: 1024px) {
.administrative-information .border-box p {font-size:19px;}
}

@media screen and (max-width: 768px) {
.administrative-information .border-box {padding: 33px 32px 33px 32px;background:none;}
}

@media screen and (max-width: 640px) {
.administrative-information .border-box {padding: 20px;}
.administrative-information .border-box p {font-size:16px;}
}

.opendata .img-wrap {position:relative;    line-height: 1;}
.opendata .img-wrap img{width:100%}
.opendata .img-wrap a {display: none;}
.opendata > dl + dl {  margin-top: 50px;}
.opendata > dl + dl dd dl {  margin-top: 14px;}
.opendata .mid-title {  margin-bottom: 14px;}
.opendata table { margin-top: 14px;}

.privacy-information {  word-break: keep-all;}
.privacy-information a {  color: inherit;}
.privacy-information .opendata > .list-dash > li > a {  color: inherit;}
.privacy-information .opendata dl dd > .list-cus, .privacy-information .opendata dl dd > .list-dot {  margin-top: 14px;}
.privacy-information .opendata .inner-text {  margin-top: 14px;}
.privacy-information .opendata .inner {  margin-top: 8px;}
.privacy-information .border-box {  border: 1px solid #c7c7c7;  padding: 15px 10px 15px 10px;  margin-top: 14px;}
.privacy-information .border-box.inner {  margin-bottom: 14px;}

@media screen and (max-width: 1024px) {
.opendata {font-size : 0.9em;}
.opendata > dl + dl {  margin-top: 2em;}
}

@media screen and (max-width: 768px) {
.opendata .img-wrap a {position: absolute; display: block; left: 0; top: 0px; line-height:1; width:100%; height:100%;}
.opendata .img-wrap a img {border:1px solid #c7c7c7;}
}

@media screen and (max-width: 640px) {
.opendata {font-size : 0.8em;}
}


.mainimage {  word-break: keep-all;}
.mainimage .img-wrap {  margin-top: 50px;  position: relative;  width: 100%;  text-align: center;  margin: 50px 0 0;  border: 1px solid #c7c7c7;}
.mainimage .img-wrap a {  display: none;}

.mainimage .section-song .img-wrap {  margin-top: 0px;  padding: 5.5em 0; line-height: 1;}
.mainimage .section-signature .img-wrap {  padding: 20px 0;}

.mainimage .dl-btn {margin-top: 2.7em;    text-align: center;    line-height: 1;}
.mainimage .dl-btn > a {display: inline-block; padding: 14px 47px;    background-color: #313131;    color: #fed300; font-size: 17px;}

.mainimage .section-symbol > p, .mainimage .section-signature > p {    text-align: center;    font-size: 1.7em;    font-family: 'YiSunShin Dotum', sans-serif;    font-weight: 300;}
.mainimage .section-symbol > p .t-bold, .mainimage .section-signature > p .t-bold {font-weight: 400;}
.mainimage .section-symbol > p .t-point, .mainimage .section-signature > p .t-point  {    font-weight: 400;    color: #36119f;}
.mainimage .section-symbol .img-wrap {  padding-top: 336px;  background: url(../images/content/bg-symbol.png) center 50px no-repeat;}
.mainimage .section-symbol .img-wrap .text-area {margin: 50px 0 4em;    text-align: center;  padding: 0 18%;}
.mainimage .section-symbol .img-wrap .text-area .color-pup {  font-weight: bold;  color: #36119f;}
.mainimage .section-symbol .img-wrap .text-area .color-org {  font-weight: bold;  color: #F0631F;}
.mainimage .section-symbol .img-wrap .text-area .br {  margin-top: 1.6em;}

.mainimage .section-symbol.logotype .img-wrap .text-area {text-align:left;padding: 0px 4%;    letter-spacing: -1px;    margin: 50px 0 50px;}
.mainimage .section-symbol.logotype .img-wrap .text-area .br {margin-top: 4px;}

.mainimage .logotype .img-wrap {  padding-top: 230px;  background: url(../images/content/bg-type-b.png) center 50px no-repeat;}

@media screen and (max-width: 1496px) {
.mainimage .section-symbol > p .br, .mainimage .section-signature > p .br {display:inline;}
.mainimage .logotype .img-wrap {  padding-top: 336px;  background: url(../images/content/bg-type.png) center 50px no-repeat;}
}

@media screen and (max-width: 1280px) {
.section-signature .img-wrap img{width:100%;}
}
@media screen and (max-width: 1024px) {

.mainimage {font-size:0.9em;}
.mainimage .img-wrap {width:100%; margin-top : 2em;}
.mainimage .section-song .img-wrap {   padding:3.5em 0 2em; }
.section-song .img-wrap img{width:100%;}

.mainimage .section-symbol .img-wrap {background-size: 80%;    padding-top: 42%;}
.mainimage .section-symbol.logotype .img-wrap {    padding-top: 44%;}
.mainimage .section-symbol .img-wrap .text-area {padding: 0 10%;}
}


@media screen and (max-width: 640px) {
.mainimage .section-symbol .img-wrap .text-area{padding:0 30px}
.mainimage {font-size:0.8em;}

.section-signature .img-wrap a{position:absolute;display:block;left:0;top:20px;}
.section-song .img-wrap a{position:absolute;display:block;left:0;top:0px;    width: 100%;    height: 100%;    border: 1px solid #c7c7c7;}

}

.educational-policy {  word-break: keep-all;}
.educational-policy .section-ideology > dl dt {text-align:center; margin-bottom: 2em;    font-size: 22px;    font-size: 2.2rem;}
.educational-policy .section-ideology > dl dt > span {border: 1px solid #36119f;font-weight:bold;    width: 252px;    padding: 21px 0;    display: inline-block;    line-height: 1;    color: #36119f;}
.educational-policy .section-ideology > dl dd {  display: table;  width: 100%; text-align: center;}
.educational-policy .section-ideology > dl dd > .wrap {  display: table-cell;  text-align: center;}
.educational-policy .section-ideology > dl dd > .wrap .lesson {  overflow: hidden;  display: inline-block;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li {  float: left;  width: 330px;  padding: 0 40px;  position: relative;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li:first-child div {  background: #eee url(../images/content/ico-edu5.png) center 30px no-repeat;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li:nth-child(2) div {  background: #eee url(../images/content/ico-ide2.png) center 30px no-repeat;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li:nth-child(3) div {  background: #eee url(../images/content/ico-ide3.png) center 30px no-repeat;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li div {  border: 1px solid #c7c7c7;  padding: 180px 0 30px;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li div p {  padding-top: 8px;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li div p .strong {  color: #36119f;  font-size: 22px;  font-weight: 500;}
.educational-policy .section-ideology > dl dd > .wrap .lesson:after {  content: '';  clear: both;  display: table;}
.educational-policy .section-ideology > dl + dl {  margin-top: 5.5em;}
.educational-policy .section-ideology > dl + dl dd > p {  text-align: center;  font-size: 35px;}
/* s-20220719 교훈 내용 변경 밑 이미지 추가 김다은 */ 
.lesson_2022{ background:url("/nfsa/common/img/2022071910130705924.jpg") no-repeat; padding:50px 0 0 200px; font-size: 24px; text-align: left; height: 140px; display: inline-block;}
.lesson_2022 p{font-weight: bold; font-size: 38px; color: #f0631f;}
/* e-20220719 교훈 내용 변경 밑 이미지 추가 김다은 */ 

.educational-policy .color-pup {  color: #36119f;}
.educational-policy .color-org {  color: #F0631F;  font-weight: bold;}

.educational-policy b {  font-weight: bold;  color: #000;}
.educational-policy .mid-text {  margin-bottom: 30px;}
.educational-policy .goal {  padding-top: 50px;  background: url(../images/content/bg-arr-up.png) center top no-repeat;}
.educational-policy .goal ul {  background: url(../images/content/bg-sec.png) center top repeat-x;  width: 1000px;  margin: auto;}
.educational-policy .goal ul li {  float: left;  width: 25%;  padding: 0 50px;  padding-top: 50px;}
.educational-policy .goal ul li div {  display: table;  width: 100%;  height: 150px;  border-radius: 50%;  background-color: #36119f;  color: white;}
.educational-policy .goal ul li div p {  display: table-cell;  vertical-align: middle;  text-align: center;}
.educational-policy .goal ul li:first-child div, .educational-policy .goal ul li:nth-child(3) div {  border: 1px solid #c7c7c7;  background-color: #eeeeee;  color: inherit;}
.educational-policy .goal ul li:first-child {  background: url(../images/content/bg-sec1.png) center top no-repeat;}
.educational-policy .goal ul li:nth-child(2) {  background: url(../images/content/bg-sec2.png) center top no-repeat;}
.educational-policy .goal ul li:nth-child(3) {  background: url(../images/content/bg-sec3.png) center top no-repeat;}
.educational-policy .goal ul li:nth-child(4) {  background: url(../images/content/bg-sec4.png) center top no-repeat;}
.educational-policy .goal ul:after {  content: '';  clear: both;  display: table;}

@media screen and (max-width: 1080px) {
.educational-policy .goal {padding-top: 30px;}
.educational-policy .goal ul {background:none; width: 100%; }
.educational-policy .goal ul li:first-child, .educational-policy .goal ul li:nth-child(2), .educational-policy .goal ul li:nth-child(3),.educational-policy .goal ul li:nth-child(4) {background:none; }
.educational-policy .goal ul li {padding: 0;}
.educational-policy .goal ul li div {width: 150px;    margin: auto;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li {width:33.3333%; }
.educational-policy .section-ideology > dl dd > .wrap .lesson {width:100%;}
}

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

}

@media screen and (max-width: 768px) { 
.educational-policy .goal ul li div {width: 120px;    height: 120px;}
.educational-policy .section-ideology > dl dd > .wrap .lesson > li {padding: 0 20px;}
}

@media screen and (max-width: 540px) {
 .educational-policy .goal ul li {width: 50%;}
.educational-policy .goal ul li:nth-child(3),.educational-policy .goal ul li:nth-child(4) {margin-top:1em;}
}

.educational-policy .section-course .title-subsc {font-weight:300;  font-size: 30px;    font-family: 'YiSunShin Dotum', sans-serif;margin-bottom:1.5em;    text-align: center;}
.educational-policy .section-course .color-pup {  font-weight: 400;}
.educational-policy .section-course .border-box {  border: 1px solid #c7c7c7;  padding: 50px 0;  margin-top: 14px;}
.educational-policy .section-course .border-box dl {  display: table;  font-size: 0.95em;}
.educational-policy .section-course .border-box dl dt {  display: table-cell;  width: 50%;  position: relative;  background: url(../images/content/bg-comp.png) center 30% no-repeat;  vertical-align: middle;}
.educational-policy .section-course .border-box dl dt p { padding: 322px 8% 0;     font-size: 18px; text-align:center;}
.educational-policy .service .border-box dl dt p { padding: 322px 15% 0; }
.educational-policy .section-course .border-box dl dd {  display: table-cell;  width: 50%;  padding: 0 55px;}
.educational-policy .section-course .border-box dl dd ul li {  height: 89px;  display: table;  padding-left: 110px;  margin-top: 20px;}
.educational-policy .section-course .border-box dl dd ul li p {  vertical-align: middle;  display: table-cell;}
.educational-policy .section-course .border-box dl dd ul li:first-child {  margin-top: 0;  background: url(../images/content/ico-co1.png) left center no-repeat;}
.educational-policy .section-course .border-box dl dd ul li:nth-child(2) {  background: url(../images/content/ico-co2.png) left center no-repeat;}
.educational-policy .section-course .border-box dl dd ul li:nth-child(3) {  background: url(../images/content/ico-co3.png) left center no-repeat;}
.educational-policy .section-course .border-box dl dd ul li:nth-child(4) {  background: url(../images/content/ico-co4.png) left center no-repeat;}
.educational-policy .section-course .border-box dl dd ul li:nth-child(5) {  background: url(../images/content/ico-co5.png) left center no-repeat;}

.educational-policy .section-course.educourse .border-box dl dt {  background: url(../images/content/bg-comp2.png) center 30% no-repeat;}
.educational-policy .section-course.educourse .border-box dl dt p {  padding-top: 382px;  font-size: 35px;  text-align: center;}
.educational-policy .section-course.educourse .border-box dl dd ul li:first-child {  background: url(../images/content/ico-co6.png) left center no-repeat;}
.educational-policy .section-course.educourse .border-box dl dd ul li:nth-child(2) {  background: url(../images/content/ico-co7.png) left center no-repeat;}
.educational-policy .section-course.educourse .border-box dl dd ul li:nth-child(3) {  background: url(../images/content/ico-co8.png) left center no-repeat;}
.educational-policy .section-course.educourse .border-box dl dd ul li:nth-child(4) {  background: url(../images/content/ico-co9.png) left center no-repeat;}
.educational-policy .section-course.educourse .border-box dl dd ul li:nth-child(5) {  background: url(../images/content/ico-co10.png) left center no-repeat;}

@media screen and (max-width: 1024px) {
.educational-policy .section-course {font-size:0.9em;}
.educational-policy .section-course .title-subsc {font-size: 25px;}
.educational-policy .section-course .title-subsc .br {display:inline;}
.educational-policy .section-course.educourse .border-box dl dt, .educational-policy .section-course .border-box dl dt {background:none;}
.educational-policy .section-course.educourse .border-box dl dt p, .educational-policy .section-course .border-box dl dt p {padding-top: 0;}
.educational-policy .section-course.educourse .border-box dl dt p { font-size: 32px;}

.educational-policy .section-course .border-box dl {    display: block;}
.educational-policy .section-course .border-box dl dt, .educational-policy .section-course .border-box dl dd {display: block;  width: 100%;}
.educational-policy .section-course .border-box dl dt {margin-bottom:1.5em; }
}

@media screen and (max-width: 640px) {
.educational-policy .section-course {font-size:0.8em;}
.educational-policy .section-course .title-subsc {font-size: 20px;}
.educational-policy .section-course .border-box {padding: 1em 0;}
.educational-policy .section-course .border-box dl dd {padding: 0 5%;}
.educational-policy .section-course.educourse .border-box dl dt p, .educational-policy .section-course .border-box dl dt p {padding:0 5%;}
.educational-policy .section-course.educourse .border-box dl dt p {font-size: 30px;}
/* s-20220719 교훈 내용 변경 밑 이미지 추가 김다은 */ 	
.lesson_2022{ background-position:top center ; padding:150px 0 0 0; font-size: 24px; text-align: center; }
.lesson_2022 p{font-size: 32px; }	
/* e-20220719 교훈 내용 변경 밑 이미지 추가 김다은 */ 	
}


.section-bus, .section-map, .section-lab, .section-edu {  margin-bottom: 3em;}
.transportation th {font-weight:bold;}
.transportation th, .transportation td {padding:20px;}
.transportation .bus {    height: 100px;    width: 100%;    display: block;    background: url(../images/content/traffic_icon2.png) center no-repeat;}
.transportation .station {    height: 100px;    width: 100%;    display: block;    background: url(../images/content/traffic_icon1.png) center no-repeat;}

.findmap .traffic.listsec > li:nth-child(1) .traffic-icon {  background: url(../images/content/traffic_icon2.png) 50% 50% no-repeat;}
.findmap .traffic.listthird .finish {  width: 36%;}
.findmap .traffic.listthird > li:nth-child(3) .traffic-icon {  background: url(../images/content/traffic_icon5.png) 50% 50% no-repeat;}
.findmap .traffic.listthird > li:nth-child(5) .traffic-icon {  background: url(../images/content/traffic_icon4.png) 50% 50% no-repeat;}

@media screen and (max-width: 1400px) {
.findmap .traffic > li:nth-child(odd) {  width: 12%;    height: auto;   border: 0;}
}

@media screen and (max-width: 1024px) {
.findmap, .findmap .traffic {font-size:0.9em;}
.findmap .map-address > li:nth-child(1) > dl > dd {overflow-x:auto;}
.findmap .traffic {width:1024px;}
.findmap .traffic.listthird {width:100%;}
}

@media screen and (max-width: 960px) {
.findmap .traffic.listthird { width:768px; }
.findmap .traffic.listthird li p {  text-align: center;}
.findmap .traffic.listthird > li:nth-child(odd) {width: 15%;}
.findmap .traffic.listthird .finish {width: 20%;}
}


@media screen and (max-width: 640px) {
.findmap, .findmap .traffic {font-size:0.8em;}
.findmap #map, .findmap #map2 {padding-bottom:90%;}
}


.academic-events {  word-break: keep-all;}
.academic-events .mid-title {  margin-bottom: 0.5em;}
.academic-events dl {  margin-bottom: 3em;}
.academic-events dl > dd dl {  margin-bottom: 1em;}
.academic-events img {  margin-top: 1em;}
.academic-events a {  color: inherit;  padding: 3px 20px;  background-color: #eee;  border: 1px solid #c7c7c7;  font-size: 16px;}


@media screen and (max-width: 1024px) {
	.academic-events {font-size : 0.9em;}
}


@media screen and (max-width: 768px) {
.academic-events dl dd img {width:100%;}
}

@media screen and (max-width: 640px) {
.academic-events {font-size : 0.8em;}
}

.nearby-facilities .wrap {  text-align: center;position:relative;line-height:1;}
.nearby-facilities .wrap img {  border: 15px solid #c7c7c7;}
.nearby-facilities .wrap .img-wrap a {  display: none;}
.nearby-facilities .wrap .img-wrap {position:relative;}
.nearby-facilities .wrap .link-wrap {  margin-bottom: 1em;}
.nearby-facilities .wrap .link-wrap span {  display: inline-block;  line-height: 1;  border: 1px solid #c7c7c7;}
.nearby-facilities .wrap .link-wrap span a {  display: inline-block;  color: inherit;  padding: 6px 30px 6px 8px;  font-size: 15px;  background: url(../images/content/ico-alink.png) 93% center no-repeat;}
.nearby-facilities .wrap .link-wrap span a:hover {  color: white;  background: #36119f url(../images/content/ico-alink-hover.png) 93% center no-repeat;}

@media screen and (max-width: 768px) {
.nearby-facilities .wrap .img-wrap  img { width:100%;}
}
@media screen and (max-width: 640px) {
.nearby-facilities .wrap .img-wrap a {position: absolute;    display: block;    left: 0;    top: 0px;line-height:1;height:100%;width:100%;}
}

@media screen and (max-width: 400px) {
.nearby-facilities .wrap .link-wrap {width: 180px;    margin: auto;}
.nearby-facilities .wrap .link-wrap span {margin-bottom: 1em;}
.nearby-facilities .wrap .link-wrap span:first-child {margin-right: 0; }
}

.past-principal .section-listinfo .class-change {  padding-bottom: 100px;  display: table;  position: relative;  width: 100%;word-break: keep-all;}
.past-principal .section-listinfo .class-change > li {  width: 33.3333%;  display: table-cell;  border: 15px solid #e3e3e3;  padding: 24px 0;  vertical-align: middle;}
.past-principal .section-listinfo .class-change > li:nth-child(2) {  border: none;}
.past-principal .section-listinfo .class-change > li div {  text-align: center;  display: inline-block;}
.past-principal .section-listinfo .class-change > li div p {  display: table;  width: 145px;  height: 145px;  background-color: #36119f;  color: white;  border-radius: 50%;}
.past-principal .section-listinfo .class-change > li div p span {  display: table-cell;  vertical-align: middle;}
.past-principal .section-listinfo .class-change > li .subsc {  position: absolute;  font-size: 15px;  bottom: 57px;  color: #36119f;  width: 33.3333%;  left: 33.3333%;  text-align: center;}
.past-principal .section-listinfo .class-change > li dl {  margin: auto;  text-align: center;  width: 250px;}
.past-principal .section-listinfo .class-change > li dl dt {  font-weight: bold;  padding-bottom: 10px;}
.past-principal .section-listinfo .class-change > li dl dd ul li {  padding: 10px 0;  background-color: #eee;  margin-top: 10px;  border: 1px solid #c7c7c7;}
.past-principal .section-listinfo .class-change > li dl dd ul .class-after {  background-color: #ccccff;}
.past-principal .section-listinfo .class-change > li:first-child {  background: url(../images/content/bg-dbline2.png) right bottom no-repeat;}
.past-principal .section-listinfo .class-change > li:nth-child(2) {  padding-top: 50px;  text-align: center;  background: url(../images/content/bg-dbline.png) bottom repeat-x;}
.past-principal .section-listinfo .class-change > li:nth-child(3) {  background: url(../images/content/bg-dbline2.png) left bottom no-repeat;}

.past-principal .section-principal-list {  border-top: 2px solid black;  padding-top: 20px;}
.past-principal .section-principal-list > ol {  margin: 0 -10px;}
.past-principal .section-principal-list > ol > li {  width: 33.3333%;  padding: 0 10px;  float: left;  margin: 10px 0;}
.past-principal .section-principal-list > ol > li div {  border: 1px solid #c7c7c7;  padding: 20px 20px 20px 179px;  min-height: 228px;  display: table;  width: 100%;}
.past-principal .section-principal-list > ol > li div dl {  display: table-cell;  vertical-align: middle;  padding-left: 24px;}
.past-principal .section-principal-list > ol > li div dl dt {  font-weight: bold;  font-size: 21px;  margin-bottom: 1.5em;word-break:keep-all;}
.past-principal .section-principal-list > ol > li div dl dd {  font-weight: bold;}
.past-principal .section-principal-list > ol > li div dl dd span {  margin-top: 6px;  display: block;  font-weight: 400;  font-size: 15px;}

.section-principal-list > ol > li:first-child div {  background: url(../images/content/prin1.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(2) div {  background: url(../images/content/prin2.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(3) div {  background: url(../images/content/prin3.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(4) div {  background: url(../images/content/prin4.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(5) div {  background: url(../images/content/prin5.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(6) div {  background: url(../images/content/prin6.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(7) div {  background: url(../images/content/prin7.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(8) div {  background: url(../images/content/prin8.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(9) div {  background: url(../images/content/prin9.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(10) div {  background: url(../images/content/prin10.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(11) div {  background: url(../images/content/prin11.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(12) div {  background: url(../images/content/prin12.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(13) div {  background: url(../images/content/prin13.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(14) div {  background: url(../images/content/prin14.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(15) div {  background: url(../images/content/prin15.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(16) div {  background: url(../images/content/prin16.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(17) div {  background: url(../images/content/prin17.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(18) div {  background: url(../images/content/prin18.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(19) div {  background: url(../images/content/prin19.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(20) div {  background: url(../images/content/prin20.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(21) div {  background: url(../images/content/prin21.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(22) div {  background: url(../images/content/prin22.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(23) div {  background: url(../images/content/prin23.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(24) div {  background: url(../images/content/prin24.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(25) div {  background: url(../images/content/prin25.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(26) div {  background: url(../images/content/prin26.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(27) div {  background: url(../images/content/prin27.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(28) div {  background: url(../images/content/prin28.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(29) div {  background: url(../img/2018100415372451171.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(30) div {  background: url(../img/2019010716421277037.jpg ) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(31) div {  background: url(../img/2020123117533172041.jpg ) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(32) div {  background: url(/nfsa/common/img/2021070513391640289.jpg) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(33) div {  background: url(/nfsa/common/img/2022010415265119963.jpg) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(34) div {  background: url(../images/content/prin34.png) 20px 20px no-repeat;}
.section-principal-list > ol > li:nth-child(35) div {  background: url(../images/content/prin35_2.jpg) 20px 20px no-repeat;}

.past-principal .section-principal-list > ol:after {  display: table;  content: '';  clear: both;}

@media screen and (max-width: 1280px) {
.past-principal .section-principal-list > ol > li {
width:50%}
}

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

.past-principal .section-listinfo .class-change {    display: block;    padding-bottom: 40px;}
.past-principal .section-listinfo .class-change > li {width: 100%;    display: block;}
.past-principal .section-listinfo .class-change > li:first-child, .past-principal .section-listinfo .class-change > li:nth-child(2), .past-principal .section-listinfo .class-change > li:nth-child(3) {background: none;}
.past-principal .section-listinfo .class-change > li .subsc {position: relative;    display: block;left:0;width:100%;bottom:0;}
.past-principal .section-listinfo .class-change > li:nth-child(2){padding-top:24px;}
.past-principal .section-principal-list > ol > li div dl dt {font-size : 19px;}


.section-principal-list {font-size:0.9em;}

.past-principal .section-principal-list > ol > li div dl dd span {font-size : 14px;}
.past-principal .section-principal-list > ol > li div {padding: 204px 24px 24px 24px;}
.past-principal .section-principal-list > ol > li div {background-position: center 24px; }
.past-principal .section-principal-list > ol > li div dl dt {text-align: center;  margin-bottom: 0.5em;}
.past-principal .section-principal-list > ol > li div dl dd {text-align: center;}
.past-principal .section-principal-list > ol > li div dl dd span {    display: inline-block;}
.past-principal .section-principal-list > ol > li div dl {    padding-left: 0px;}

}

@media screen and (max-width: 640px) {
.past-principal .section-principal-list > ol > li {width:100%}
}


.cyber-edu {  word-break: keep-all;}

.cyber-edu .section-cyber > dl > dd > ul > li {  padding: 0 20px 0 180px;  width: 50%;  float: left;  background: url(../images/content/ico-goal.png) left top no-repeat;  min-height: 150px;  display: table;}
.cyber-edu .section-cyber > dl > dd > ul > li > dl {  display: table-cell;  vertical-align: middle;}
.cyber-edu .section-cyber > dl > dd > ul > li > dl > dd {  font-size: 1em;}
.cyber-edu .section-cyber > dl > dd > ul > li:first-child {  background: url(../images/content/ico-intro.png) left top no-repeat;}
.cyber-edu .section-cyber > dl > dd > ul:after {  clear: both;  content: '';  display: table;}
.cyber-edu .section-cyber > dl > dd > dl {  margin-top: 1em;}
.cyber-edu .section-cyber > dl + dl {  margin-top: 4em;}

@media screen and (max-width: 1024px) {
.cyber-edu .section-cyber > dl > dd > ul > li {width:100%;  float: none;}
.cyber-edu .section-cyber > dl > dd > ul > li:first-child {margin-bottom:1em;}

.section-cyber {font-size : 0.9em;}
}

@media screen and (max-width: 768px) {
	.cyber-edu .section-cyber > dl > dd > ul > li { padding: 0;    min-height: auto;    display: block;    background: none;}
	.cyber-edu .section-cyber > dl > dd > ul > li:first-child {    background: none;}
   }

@media screen and (max-width: 640px) {
	.section-cyber {font-size : 0.8em;}
}
   
.facilities-map .section-fmap .for-bg {  position: relative;}
.facilities-map .section-fmap .for-bg .upper {  padding-left: 1040px;  background: url(../images/content/bg-info.jpg) left top no-repeat;  min-height: 644px;}
.facilities-map .section-fmap .for-bg .upper .fac-list {  padding: 0 10px;}
.facilities-map .section-fmap .for-bg .upper .fac-list li {  float: left;  width: 50%;  height: 44px;  padding: 0 10px;  display: table;  margin-top: 16px;}
.facilities-map .section-fmap .for-bg .upper .fac-list li a {color: inherit; line-height: 1.2; display: table-cell; vertical-align: middle;  border-radius: 50px;  border:1px solid #787878;  text-align: center; font-size: 15px;  padding:0 1.3em;}
.facilities-map .section-fmap .for-bg .upper .fac-list li a:hover {  background-color: #36119f;  color: white;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc {  display: none;  width: 100%;  word-break: keep-all;  padding-top: 50px;  background: url(../images/content/bg-arr-down.png) center 20px no-repeat;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div {  width: 100%;  display: table;  padding: 25px;  background-color: #f0f0f0;  border: 1px solid #c7c7c7;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl {  width: calc(100% - 350px);  padding-right: 155px;  float: left;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl dt {  font-weight: bold;  margin-bottom: 0.8em;   font-size: 1.16em;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl dt span {  font-size: 19px;  background-color: #36119f;  color: white;  width: 30px;  height: 30px;  display: inline-block;  text-align: center;  border-radius: 50px;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl dd {font-size: 0.89em;  padding-left: 37px;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div img {  float: right;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div:after {  content: '';  display: table;  clear: both;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .__open {  position: absolute;  bottom: 0;  left: 0;  display: block;}
.facilities-map .section-fmap .for-bg .upper .fac-list li:first-child {  margin-top: 0px;}
.facilities-map .section-fmap .for-bg .upper .fac-list li:nth-child(2) {  margin-top: 0px;}
.facilities-map .section-fmap .for-bg .upper .fac-list:after {  content: '';  display: table;  clear: both;}
.facilities-map .section-fmap .upper .img-wrap {position:relative;    display: none;}
.facilities-map .section-fmap .upper .img-wrap a {    display: none;}

@media screen and (max-width: 1496px) {
.facilities-map .section-fmap .for-bg .upper {padding-left: 0px; background: none; min-height:auto; }
.facilities-map .section-fmap .upper .img-wrap {display:block;     text-align: center;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl {    padding-right: 2%;}
.facilities-map .section-fmap .for-bg .upper .fac-list li:first-child {margin-top: 16px;}
.facilities-map .section-fmap .for-bg .upper .fac-list li:nth-child(2) {margin-top: 16px;}
.facilities-map .section-fmap .for-bg .upper .fac-list li {width:25%;}

}

@media screen and (max-width: 1060px) {
.facilities-map .section-fmap .upper .img-wrap img { width:100%;}
}

@media screen and (max-width: 1024px) {
.facilities-map .section-fmap {font-size:0.9em;}
}

@media screen and (max-width: 960px) {
.facilities-map .section-fmap .for-bg .upper .fac-list li {width:33.3333%;}
}

@media screen and (max-width: 810px) {
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div img {width:50%;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl {width:50%;}
}

@media screen and (max-width: 768px) {
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div img {width:auto;}
.facilities-map .section-fmap .for-bg .upper .fac-list li {width:100%;}
.facilities-map .section-fmap .for-bg .upper .fac-list li a {display:none;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc {display: block; background:none; padding-top: 0;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .__open {
    position: inherit;
}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div {text-align: center;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div img {float: none;}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl {width:100%;
padding-right : 0; margin-top: 1em;
float:none;
}
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div dl dd {    padding-left: 0px;  text-align: left;}
.facilities-map .section-fmap .for-bg {padding-bottom:0 !important;}

}

@media screen and (max-width: 640px) {
.facilities-map .section-fmap {font-size:0.8em;}
.facilities-map .section-fmap .upper .img-wrap a {position:absolute;display:block;left:0;top:0px;    width: 100%;    height: 100%;}

}

@media screen and (max-width: 450px) {
.facilities-map .section-fmap .for-bg .upper .fac-list li .fac-subsc div img {width:100%;}
}

.convenient-facilities .section-Athletic > ul > li{	margin-top: 25px;	border: 1px solid #c7c7c7;	padding: 25px;}
.convenient-facilities .section-Athletic > ul > li:first-child {	margin-top: 0;}
.convenient-facilities .section-Athletic > ul > li > div {	padding-left: 610px;	position: relative;	min-height: 402px;	display: table;	width: 100%;}
.convenient-facilities .section-Athletic > ul > li > div > dl {	padding-left: 25px;	position: absolute;	right: 0;	width: calc(100% - 610px);	word-break: keep-all;}
.convenient-facilities .section-Athletic > ul > li > div > dl dt {	font-size: 1.17em;	font-weight: bold;	margin-bottom: 1em;}
.convenient-facilities .section-Athletic > ul > li > div > dl dd {	}

.convenient-facilities .section-Athletic > ul > li > div .wrap {	line-height: 1;	width : 100%;	display: table-cell;	vertical-align: bottom;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist {	padding-left: 25px;	overflow: hidden;	margin : 0 -5px;	display: inline-block;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist::after {	display: table;	clear: both;	content: '';}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li{	float: left;	width: 33.3333%;	padding: 0px 5px;cursor:pointer;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li > div {	line-height: 1;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li > div > img {width: 100%;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li.thumb {	position: absolute;	left: 0;	top: 0;	padding: 0;	width: auto;cursor:auto;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li.thumb > div > img{	width: auto;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li.hide-img{cursor:auto;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li.hide-img > div{	visibility: hidden;}

@media screen and (max-width: 1024px) {
.section-Athletic {font-size:0.9em;}
.convenient-facilities .section-Athletic > ul > li > div {padding-left: 0;     min-height: auto;}
.convenient-facilities .section-Athletic > ul > li > div > dl {padding-left: 0; position: inherit;    width: 100%;    display: block; }
.convenient-facilities .section-Athletic > ul > li > div .wrap {    display: block;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist {padding-left: 0; width:100%; margin: 0;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li {    width: 50%;   margin-top: 10px;     cursor: auto; }
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li.thumb {position: inherit; padding: 0px 5px; width: 50%;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li.thumb > div > img { width: 100%;}
}

@media screen and (max-width: 640px) {
.section-Athletic {font-size:0.8em;}
.convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li, .convenient-facilities .section-Athletic > ul > li > div .wrap .thumblist > li.thumb {width:100%;}
}


.section-oversea > div {	width: 100%;    text-align: center;}

.related-site .round-list {	display: inline-block;	width: 1280px;	font-size: 16px;    text-align: center;    line-height: 1.2;}
.related-site .round-list::after {	display: table;	content: '';	clear: both;}
.related-site .round-list li {	float: left;    width: 320px;    display: table;    height: 68px;    padding: 0 10px;    margin-top: 10px;}
.related-site .round-list li a {display: table-cell; vertical-align: middle; border: 1px solid #c7c7c7; width: 100%; height: 100%; padding: 0 58px 0 22px; border-radius: 50px;	background: url(../images/content/ico-alink.png) 253px center no-repeat;}
.related-site .round-list li a:hover {	background: #36119f url(../images/content/ico-alink-hover.png) 253px center no-repeat;	color: white;}


@media screen and (max-width: 1366px) {
.related-site .round-list {width:960px;}
}

@media screen and (max-width: 1024px) {
.related-site .round-list {width:616px;
font-size: 14px;
}
.related-site .round-list li {    height: 60px;     width: 308px;}
.related-site .round-list li a {background: url(../images/content/ico-alink.png) 250px center no-repeat;     padding: 0 49px 0 22px;}

}

@media screen and (max-width: 640px) {
.related-site .round-list {width:308px;}
}



.related-site .section-domestic {	border: 1px solid #c7c7c7;	position: relative;}

.related-site .section-domestic .wrap {	padding: 45px 0;	border-right: 1px solid #c7c7c7;	display: table;}

.related-site .section-domestic .wrap .map-area {	margin-top: 0;    width: 625px;    height: 700px;    display: inline-block;    background: url(../images/content/bg_map.png) 50% 0 no-repeat;}
.related-site .section-domestic .wrap .map-area .map-title {	display: none;}

.related-site .section-domestic .wrap .map-area .map-list .site-list {	display: none;	position: absolute;    left: 625px;    top: 0;	width: calc(100% - 625px);	padding-top: 45px;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dt {	font-weight: bold;	font-size: 21px;	text-align: center;	margin-bottom: 35px;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd {	text-align: center;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul {	width: 840px;	display: inline-block;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul::after {	clear: both;	content: '';	display: table;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul li {	float: left;    width: 280px;    display: table;    height: 40px;    padding: 0 10px;    margin-top: 10px;	text-align: center;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul li a {display: table-cell;   vertical-align: middle;    border: 1px solid #c7c7c7;    width: 100%;   height: 100%;    border-radius: 50px;color: inherit;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul li a:hover {background-color: #36119f;	color: white;}
.related-site .section-domestic .wrap .map-area .map-list .__on {display: block;}

.related-site .section-domestic .wrap .map-area .btn{	position: absolute;    text-align: left;    font-size: 16px;    padding: 0;    line-height: 1.1; font-weight: 400;	width: auto;	height: auto;}

.section-domestic .map-area .btn:before {content: ''; width: 20px; height: 20px; background-color: #aaa; border-radius: 100%;    display: inline-block;    vertical-align: middle;    margin: -3px 3px 0 0;}
.section-domestic .map-area .btn.__active {	color: #222;    font-weight: bold;}
.section-domestic .map-area .btn.__active:before, .section-domestic .map-area .btn:hover:before, .section-domestic .map-area .btn:focus:before { background-color: #36119f; border: 2px solid #ff7900; border-radius: 100%; }


.related-site .section-domestic .wrap .map-area .map-list li:nth-child(1) .btn { left: 208px; top: 175px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(2) .btn { left: 358px; top: 469px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(3) .btn { left: 336px; top: 380px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(4) .btn { left: 185px; top: 197px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(5) .btn { left: 191px; top: 458px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(6) .btn { left: 223px; top: 305px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(7) .btn { left: 405px; top: 423px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(8) .btn { left: 218px; top: 280px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(9) .btn { left: 214px; top: 225px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(10) .btn { left: 230px; top: 140px;}
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(11) .btn { left: 279px; top: 98px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(12) .btn { left: 265px; top: 253px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(13) .btn { left: 152px; top: 261px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(14) .btn { left: 191px; top: 376px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(15) .btn { left: 116px; top: 528px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(16) .btn { left: 349px; top: 300px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(17) .btn { left: 334px; top: 449px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(18) .btn { left: 332px; top: 501px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(19) .btn { left: 161px; top: 621px; }
.related-site .section-domestic .wrap .map-area .map-list li:nth-child(20) .btn { left: 479px; top: 625px; }

@media screen and (max-width: 1496px) {
.related-site .section-domestic .wrap .map-area .map-list .site-list dt {margin-bottom : 1em;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd {overflow-y: auto; overflow-x: hidden;   max-height: 675px;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul {    width: 560px; border-top: 2px solid #36119f;  border-bottom: 3px solid #36119f;  padding-bottom: 10px;}
}

@media screen and (max-width: 1230px) {
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul {    width: 280px;}
}

@media screen and (max-width: 1024px) {
.related-site .section-domestic  {border:none; font-size:0.9em;}
.related-site .section-domestic .wrap {display:block;     padding: 0;}
.related-site .section-domestic .wrap .map-area .map-list li .btn {display:none;}
.related-site .section-domestic .wrap {border:none;}
.related-site .section-domestic .wrap .map-area {    width: 100%; background:none; height:auto;}
.related-site .section-domestic .wrap .map-area .map-list > li {margin-bottom:2em; }
.related-site .section-domestic .wrap .map-area .map-list .site-list {display: block;   width: 100%;  position: inherit;     padding-top: 0;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dt {    text-align: left; padding-top: 0; margin-bottom : 0.5em; padding-bottom:0.5em;border-bottom: 2px solid #36119f; }
.related-site .section-domestic .wrap .map-area .map-list .site-list dd {    max-height: none; overflow-y: hidden;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul {width:100%; border:none;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul li {width:33.3333%;}
}

@media screen and (max-width: 768px) {
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul li {width:50%;}
}

@media screen and (max-width: 640px) {
.related-site .section-domestic  {border:none; font-size:0.8em;}
}

@media screen and (max-width: 480px) {
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul li {height:44px;}
.related-site .section-domestic .wrap .map-area .map-list .site-list dd ul li a {padding:0 12px; line-height:1.2; }
}

.schoolmap #map {    padding-bottom: 43%;}
@media screen and (max-width: 640px) {
.schoolmap #map {    padding-bottom: 90%;}
}

.img-wrap > a:after {display: inline-block;  content:'\f0b2'; font:normal normal normal 25px/1 FontAwesome; text-indent:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position: absolute; top:18px; left:18px;   color: #4c4848; text-shadow: 1px 1px 4px white;}

@media screen and (max-width: 1024px) {
.organization-view {font-size:0.9em;}
}

@media screen and (max-width: 980px){
.organization-view .orgchart .btn-orgchart {font-size: 14px;  padding: 0.7em 2em;}
}

@media screen and (max-width: 640px) {
.organization-view {font-size:0.8em;}
}

/* --------------------------------------------------------------------
end : 중앙소방학교
----------------------------------------------------------------------- */
/* 소방학교소식-의무소방에게편지쓰기 */
.section-wmail {padding-right:38%; background:url(../images/content/wmail-bg.jpg) right top no-repeat; line-height:1.4; word-break:keep-all; padding-bottom:3em;}
.section-wmail .h4-title {font-size:28px; color:#4d4d4d;}
.section-wmail .list-wmail > li {padding-left:25px; position: relative; line-height: 1.4;}
.section-wmail .list-wmail > li:before {display:block; content:''; width:18px; height:18px; background-color:#36119f; color:#fff; text-align: center; font-family:'Open sans'; font-size:11px; font-weight:700; line-height: 18px; position: absolute; top:5px; left: 0;}
.section-wmail .list-wmail > li:nth-child(1):before {content:'1';}
.section-wmail .list-wmail > li:nth-child(2):before {content:'2';}
.section-wmail .list-wmail > li:nth-child(3):before {content:'3';}
.section-wmail .list-wmail > li:nth-child(4):before {content:'4';}
.section-wmail .list-wmail > li:nth-child(5):before {content:'5';}
.section-wmail .list-wmail > li:nth-child(6):before {content:'6';}
.section-wmail strong {display:block; color:#36119f; padding:0.8em 0;}
.section-wmail a {font-size:19px; font-weight:400; position: relative; letter-spacing: -1px;}
.section-wmail a:after {content:'\f105'; position: absolute; right:15px; top:50%; margin-top:-16px; font: normal normal normal 31px/1 FontAwesome; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.section-wmail .btn-anwser {display:block; width:232px; height:60px; margin:2.5em 0 0; background-color:#36119f; color:#fff; line-height: 60px; padding: 0 1em;}
.section-wmail .btn-wmailarea {margin-top:1.5em;}
.section-wmail .btn-wmailarea .btn-wmail {display: inline-block; width:356px; height: 77px; color:#36119f; line-height: 77px; box-sizing: border-box; border:1px solid #36119f; padding:0 1em;}
.section-wmail .btn-wmailarea .btn-wmail:hover {background-color:#36119f; color:#fff;}
.section-wmail .btn-wmailarea .btn-wmail2 {display: inline-block; width:77%; height: 50px;background-color:#9b9b9b; color:#fff; line-height: 50px; box-sizing: border-box; border:1px solid #9b9b9b; padding:0 1em;}
.section-wmail .btn-wmailarea .btn-wmail2:hover {background-color:#cecece; color:#36119f;}

@media screen and (max-width:1280px) {
  .section-wmail {padding-right:0; background-size: 40%; background-position: bottom right;}
}
@media screen and (max-width:980px) {
  .section-wmail .btn-wmailarea .btn-wmail {width:43%;}
	.section-wmail .btn-wmailarea .btn-wmail2 {width:86.6%;}
}
@media screen and (max-width:620px) {
  .section-wmail {background-size: 57%;}
  .section-wmail a {font-size:18px;}
  .section-wmail .btn-anwser {height:45px; line-height:45px;}
  .section-wmail .btn-wmailarea .btn-wmail {display:block; width:100%; margin-bottom:0.5em; height:50px; line-height:50px;}
	.section-wmail .btn-wmailarea .btn-wmail2 {display:block; width:100%; margin-bottom:0.5em; height:50px; line-height:50px;}

}


/* 공공데이터 개방 */
.btn_b{margin:20px 0; }
.btn_b .btn-go{ background:#36119f ; color: #fff; cursor: pointer; padding: 2px 10px 5px 10px;}	
.btn_b .btn-go span{ font-size: 14px; }

.refer2{ padding:10px 5px; border: 1px #dadada solid; text-align:center; margin-top: 20px;}	
.p-blue{color:#4367d9;}

/* 시험안내 상단 문의전화번호 */
.info-list{position: relative;}
.exam_tell{ position: absolute; top: 10px; right: 0; padding: 15px 20px; border:5px #f5f5f5 solid; border-radius: 7px; color: #3480c4;}
.exam_tell span{ display: block; font-weight: bold; margin-bottom: 5px; color: #343434;}
@media screen and (max-width:1024px) {
.exam_tell{position: static; margin-bottom: 20px;}
}