@charset "utf-8";

.float_left, .pull_left { float: left }
.float_right, .pull_right { float: right }
.txt_left { text-align: left }
.txt_center { text-align: center }
.txt_right { text-align: right }
.float_wrap::after { content: ""; clear: both; display: table }
.float_wrap .float_left + ul { overflow: hidden }
.outdent { margin-left: 0 !important }
.outdent .outdent { margin-left: -22px }
.point01 { color: #21a089 }
.point02 { color: #043763 }
.point03 { color: #4a75b9 }
.ellipsis, .subject { text-align: left }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; max-width: 94% }

/*공통*/
#container{ position: relative;padding:55px 0 6rem; border-top: 1px solid #e2e2e4;}
#container #contentWrap {clear:both; padding-top:3rem; width: 1280px; margin: 0 auto;}
#container #contentWrap:after { content: ""; display: block; clear: both;}
#container #contentWrap .content_body { line-height:1.3rem; font-size: .75rem; color:#555;}
#container #contentWrap .content_body strong {font-weight:normal}
.h3 { font-size: 1rem; color:#333; line-height: 100%;}
.h4 { position: relative; padding:1.25rem 0 .9rem .55rem; font-size: .9rem; color:#043763; line-height: 100%;}
.h4:before { content: ""; position: absolute; left: 0; top:1.6rem; width: 4px; height: 4px; background: #043763;}
.noti { padding: 0 0 0 15px; line-height: 1.3rem; color:#555; text-indent: -15px;}
.noti:before { content: "*"; position: relative; top:8px; padding: 0 .2rem 0 0;font-size: 1.1rem; color:#3d63a9;}
.list_type1 > li { position: relative; padding: 0 0 0 .3rem; line-height: 1.45rem;}
.list_type1 > li:before { content: ""; position: absolute; left: 0; top: 14px; width: 2px; height: 2px; background: #767676; border-radius: 100%;}
.list_type2 > li { position: relative; padding: 0 0 0 .75rem; line-height: 1.45rem;}
.list_type2 > li:before { content: ""; position: absolute; left: 0; top: .6rem; width: 5px; height: 5px; background: #949eb1; border-radius: 100%;}
.list_type2 > li ul { padding: 3px 0;}
.list_type2 > li li { position: relative; padding: 0 0 0 .4rem; color:#767676; line-height: 1.15rem}
.list_type2 > li li:before { content: ""; position: absolute; left: 0; top:.5rem; width: 3px; height: 3px; border-radius: 100%; background: #767676;}
table { width: 100%; border-collapse: separate;}
table a:hover { color:#3d63a9;}
table.type1 { margin: 1.5rem 0 0; border-top: 1px solid #777;}
table.type1 thead { background: #f5f6fa; font-size: .75rem; color:#333;}
table.type1 tbody th,
table.type1 tbody td { padding: 1rem; border-left:1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: .75rem; color:#555; font-weight: normal;}
table.type1 thead th:first-child,
table.type1 tbody th:first-child { border-left: none;}
table.type1 thead th { padding: .5rem .2rem;height: 2.5rem; border-left:1px solid #e8e8e8; border-bottom: 1px solid #d3d8dd;}
table.type1 tbody th.tal { border-left: 1px solid #e8e8e8;}
table.type1.mini th,
table.type1.mini td { padding:.3rem .5rem; font-size: .5rem; text-align: center;}
table.type1 .bg_gray { background: #eee;}
table.type2 { margin: 1rem 0 0;}
table.type2 th,
table.type2 td { line-height: 22px;}
table.type2 th { text-align: left; vertical-align: top; color:#333; font-weight: normal;}
table.type2 th div { padding:.85rem 0 0; width: 160px; border-top: 2px solid #000;}
table.type2 td { padding:.75rem 0 1.5rem; border-top: 1px solid #ddd; color:#555;}
.download { background: #f8f9fb; padding: .85rem 1.5rem;}
.download:after { content: ""; display: block; clear: both;}
.download .tit { float: left; font-size: .75rem; color:#333; line-height: 2rem;}
.download div { float: right; font-size: 0;}
.download div a { display: inline-block; position: relative; padding: 0 .65rem; margin: 0 0 0 .25rem; width: 7.85rem; height:2.1rem; line-height: 2rem; border: 1px solid #999; background: #fff; box-sizing: border-box; font-size: .75rem;}
.download div a:after { content: "\eb7c"; position: absolute; right: .65rem; top: 50%; font-family: 'xeicon'; font-size: .8rem; color:#333; transform: translateY(-50%);}
figcaption div, caption span,
.hide, .sr_only {position:absolute; width: 1px; height: 1px;  margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);}
.blue { color:#3d63a9;}
.h3 + div,
.h3 + p,
.h3 + ul { margin-top: 1rem;}
.bx_type1 + .h3,
table + .h3,
p + .h3,
ul + .h3 { padding-top: 1.6rem;}
p + ul { padding-top: .75rem;}
.h4 + table { margin-top: 0;}

/* snb */
#snb {float:left; width:235px}
#snb h2 { padding: 0 0 1.5rem; line-height: 100%;font-size: 1.25rem; color:#000; cursor: default;}
#snb h2 a { color:#343639; cursor: default;}
#snb nav a { display: block; position: relative; padding:1rem 2rem 1rem .65rem; font-size: .8rem; color:#333;}
#snb nav > ul > li { border-bottom: 1px solid #eaeef3;}
#snb nav > ul > li:last-child { border-bottom: 1px solid #d3d8dd;}
#snb nav > ul > li.active > a { color:#fff;background: #3d63a9; font-weight: bold;}
#snb nav > ul > li > a:after { content: "\e93e"; position: absolute; right:1rem; top: 50%; transform: translateY(-50%);font-family: 'xeicon'; color:#aaa; font-size: .6rem;}
#snb nav > ul > li.active > a:after {color:#fff;}
#snb nav > ul ul { padding:1.15rem 0; background:#f5f6fa; text-align:left;}
#snb nav > ul ul li { padding:0 0 .45rem;}
#snb nav > ul ul a { position:relative; padding:0 1.1rem 0 1.3rem; height:auto; color:#64676c; font-size:.75rem; line-height:1rem; text-indent:0;}
#snb nav > ul ul a:before { content:""; position:absolute; left:1rem; top:.45rem; width:2px; height:2px; background:#7d7f84;}
#snb nav > ul ul li.active a,
#snb nav > ul ul a:hover { color:#21a089;}
#snb nav > ul ul li.active a:before,
#snb nav > ul ul a:hover:before { background:#21a089;}
#snb .ad { margin: 20px 0 0; border: 1px solid #eaeef3;}

/*content*/
#content{color:#666; font-size:.65rem; float:right; width:1000px; min-height:500px; word-break: keep-all}
/*
#content caption {text-indent: 0; font-size:1px; overflow: visible; visibility: visible;}
*/

section.content_info{ padding: 0; margin:0 0 2.5rem;border-bottom:1px solid #e1e6eb; }
section.content_info:after {content: ""; display:block; clear:both;}
section.content_info .title { float: left; color:#000; font-size:1.5rem; font-weight: bold; line-height: 100%; margin-bottom:1rem;}
section.content_info nav.location{position:absolute; left:0; top:0; z-index: 10; width: 100%; height:2.5rem; background-color: #f5f6fa;}
section.content_info nav.location ul { margin: 0 auto; width: 1280px;}
section.content_info nav.location ul li { float:left; position: relative; padding: 0 1.7rem 0 0;}
section.content_info nav.location ul li:after { content: "\e93e"; position: absolute; right:.5rem; top:50%; font-family: 'xeicon'; transform: translateY(-50%); color:#777;}
section.content_info nav.location ul li:last-child::after{ display: none;}
section.content_info nav.location ul li a{color:#666; font-size:.7rem;	line-height: 2.5rem;}
section.content_info nav.location ul li a.current{color:#333}
section.content_info .util { float:right; margin-bottom: 1rem }
section.content_info .util * {box-sizing:border-box;}
section.content_info .util .sns { display: inline-block; vertical-align:middle; padding:0 .5rem; position: relative;  }
section.content_info .util .sns.active .sns_list, .content_info .util .sns.active .close_btn { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s }
section.content_info .util [class$="_btn"] {display: inline-block; vertical-align:middle;   border-radius: 50%; width: 2rem; height: 2rem; padding-top:.25rem; text-align: center; font-size: .9rem; color: #7f7f7f; border: 1px solid #ddd; position:relative; z-index:2 }
section.content_info .util [class$="_btn"]:hover { background-color: #ddd; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s }
section.content_info .util .sns.active .sns_btn { opacity: 0; visibility: hidden }
section.content_info .util .sns_list,
section.content_info .util .close_btn { position: absolute; right: .5rem;  top: 0%; opacity: 0; visibility: hidden }
section.content_info .util .close_btn { right: 0; z-index: 2; border-color:#999 }
section.content_info .util .sns_list ul { background-color: #fff; border: 1px solid #ddd; border-radius: 1rem; padding: .3rem 2.5rem .3rem .3rem; height:2rem }
section.content_info .util .sns_list li { display: table-cell; padding: 0rem .15rem }
section.content_info .util .sns_list li i { border-radius: 50%; width: 1.2rem; height: 1.2rem; text-align: center; color: #fff; padding-top: .15rem; -webkit-transition: all 0.2s; transition: all 0.2s }
section.content_info .util .sns_list li .xi-facebook { background-color: #4267b2; border: 1px solid #4267b2 }
section.content_info .util .sns_list li .xi-twitter { background-color: #01aced; border: 1px solid #01aced }
section.content_info .util .sns_list li .xi-naver { background-color: #3acc15; border: 1px solid #3acc15 }
section.content_info .util .sns_list li .xi-kakaostory { background-color: #fac500; border: 1px solid #fac500 }
section.content_info .util .sns_list li a:hover i { background-color: transparent }
section.content_info .util .sns_list li a:hover .xi-facebook { color: #4267b2 }
section.content_info .util .sns_list li a:hover .xi-twitter { color: #01aced }
section.content_info .util .sns_l0ist li a:hover .xi-naver { color: #3acc15 }
section.content_info .util .sns_list li a:hover .xi-kakaostory { color: #fac500 }
.content_info .info, .content_body .info { clear:both;font-size: .7rem;  padding: .6rem 0; letter-spacing: -0.03em }
.content_info .info::after, .content_body .info::after { content:""; display:block; clear:both }
.content_info .info li, .content_body .info li { display: inline-block }
.content_info .info li ~ li::before, .content_body .info li ~ li::before { content: ""; display: inline-block; width: 2px; height: .6rem; background-color: #d3d8dd; margin: 0 .4rem }
.content_info .info li:last-child, .content_body .info li:last-child { float: right }
.content_info .info li:last-child::before, .content_body .info li:last-child::before { display: none }
.content_info .info span, .content_body .info span { color: #999; margin-right: .4rem }
.content_info .info b, .content_body .info b { font-weight: normal }

.info_btm { margin: 4rem 0 0; padding:0 .45rem 0 .05rem; border-top: 2px solid #222; border-bottom: 1px solid #eaeef3; line-height: 2.4rem;}
.info_btm:after { content: ""; display: block; clear: both;}
.info_btm dl { float: left;}
.info_btm dl dt,
.info_btm dl dd { float: left; line-height: 2.4rem; font-size:.7rem;}
.info_btm dl dt { padding: 0 0 0 .4rem; color:#999; }
.info_btm dl dd { position: relative;padding: 0 .4rem;}
.info_btm dl dd:after { content: ""; position: absolute; right: 0; top:50%; width: 2px; height: 12px; background: #d3d8dd; transform: translateY(-50%); }
.info_btm dl dd:last-child:after { display: none;}
.info_btm div div { float: right;}
.info_btm div div:before { content: "\e950"; margin:0 -0.2rem 0 0;font-size: .8rem;font-family: 'xeicon'; vertical-align: -2px; color:#999;}
.info_btm div span { font-size: 0; color:transparent;}

/* About KCDC */
.about h3 { position:relative; padding: 0 0 1rem; margin: 0 0 1.5rem; font-size: 1.2rem; color:#333; text-align: center;}
.about h3:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; background: #333; transform: translateX(-50%);}
.about .vision > p { margin: 0 auto 2.75rem; width: 820px; height: 4.5rem; border-radius:90px; background: #0d4576; line-height: 4.5rem; text-align: center; color: #fff; font-size: 1.1rem;}
.about .vision .list { position: relative; height: 14.5rem;text-align: center;}
.about .vision .list:after { content: ""; position: absolute; left:50%; top:40px; z-index: -1; width: 740px; height: 4px; background: #e5ebef; transform: translateX(-50%);}
.about .vision .list div { display: inline-block; margin: 0 1.9rem; padding: 5.9rem 0 0; width: 8.25rem; text-align: center; background:no-repeat center top; vertical-align: top;}
.about .vision .list div.ico1 { background-image: url(../img/ico_vision1.png);}
.about .vision .list div.ico2 { background-image: url(../img/ico_vision2.png);}
.about .vision .list div.ico3 { background-image: url(../img/ico_vision3.png);}
.about .vision .list div.ico4 { background-image: url(../img/ico_vision4.png); margin-top: -8px;}
.about .vision .list h4 { padding: 0 0 .4rem;font-size: .8rem; color:#333;}
.about .vision .list p { font-size: .75rem; color:#555;}
.about .plan { padding: 0 0 3.5rem;}
.about .plan .bx { position: relative; padding: 1.75rem .75rem;border: 3px solid #e5ebef; text-align: center; font-size:.9rem; color:#555; }
.about .plan .bx h4 { position: absolute; left: 50%; top:0px; width: 8.25rem; background: #fff; transform: translate(-50%, -50%); font-size: 1rem; color:#3d63a9;}
.about .plan > p { height: 3.5rem; font-size: 18px; color:#fff; background: #3d63a9; line-height: 3.5rem; border-radius: 3.5rem; text-align:center;}
.about .star { padding: 2rem 0 0;}
/*
.about .star { position: relative; margin: 0 0 1.5rem; height: 32.45rem; background: url(../img/bg_vision_star.png) no-repeat center bottom;}
.about .star h4 { position: absolute; left: 50%; top: 50%; font-size: 1.4rem; color:#333; text-align: center; transform: translateX(-50%); line-height: 1.5rem}
.about .star h5 { padding: 0 0 .75rem; font-size: 17px; color:#333; line-height: 100%; font-weight: normal;}
.about .star p { font-size: 15px; color:#555;}
.about .star div { position: absolute;}
.about .star div.no1 {left: 50%; top:40px; text-align: center; transform: translateX(-50%);}
.about .star div.no2 {left: 70px; top:267px; text-align: right;}
.about .star div.no3 {right: 60px; top:267px;}
.about .star div.no4 {left: 54px; bottom:43px; text-align: right;}
.about .star div.no5 {right: 88px; bottom:43px;}
*/
.about .goals > div { display: table; position: relative; width: 100%; border-bottom: 1px solid #f0f2f5;}
.about .goals > div div {display: table-cell; padding: 1.5rem 0 1.5rem 10.4rem; height:10rem; vertical-align: middle;}
.about .goals h4 { display: table; position: absolute; left: 0; top: 50%; width:7.05rem; height:7.05rem; background: #717c8f; color:#fff; font-size:.8rem; transform: translateY(-50%); border-radius: 100%;}
.about .goals h4 span { display: table-cell; vertical-align: middle; text-align:center; font-weight: normal;}
.about .goals h5 { padding: 0 0 .75rem; font-size:.7rem; color:#333; font-weight: normal;}
.about .goals li { color:#555;}
.call_box { margin: 0 0 2rem; padding: 2.25rem 2.5rem; background: url(../img/bg_customer1.png) no-repeat right 3.5rem center #f8f9fb; font-size:.8rem; color:#555; line-height: 1.25rem;}
.call_box h3 { font-size: 1.2rem; line-height: 100%; padding: 0 0 1.25rem; color:#333;}
.call_box span { color:#3d63a9;}
.call_box div { font-weight: bold;}

/* directors message */
.director .top { position: relative; padding: 2.65rem 0 0 2.5rem; height:17.85rem; background: url(../img/bg_ceo.png) no-repeat; color:#fff; box-sizing: border-box; border-bottom: 1px solid #222;}
.director .top h3 { position: relative; padding: 0 0 19px; font-size: 1.2rem; line-height: 100%; font-weight: normal;}
.director .top h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: #fff;}
.director .top p { padding: 1.4rem 0 0; width: 600px; font-size: .8rem; line-height: 1.3rem; }
.director .top span { position: absolute; left: 50px; bottom:30px; font-size: .8rem; color:#333; line-height: 100%;}
.director .top span img { vertical-align: middle;}
.director .message { padding: 1.75rem 0 0;text-align: justify; font-size: .75rem;color: #555;}

/* callcenter*/
.logos { padding: 0 0 1.5rem;}
.logos:after { content: ""; display: block; clear: both;}
.logos > div { float: left;}
.logos > div:first-child { margin: 0 20px 0 0;}
.logos > div .bx { float: left; margin: 0 0 0 20px; width: 320px; background:no-repeat 0 0;}
.logos > div .bx img { padding: 0 0 .9rem;}
.logos > div .bx:first-of-type {margin: 0;}

/* Symbol */
.symbol1,
.symbol1 img { padding:0 0 1rem;}
.symbol2 { padding: 0 0 1.5rem;}

/* Location */
#map { height: 200px; }

/* facilities */
.gallery_type1 > div { position: relative; padding: 0 0 1.5rem 17.25rem; margin: 0 0 1.5rem; min-height: 10rem; border-bottom: 1px solid #f0f2f5;}
.gallery_type1 > div img { position: absolute; left: 0; top: 0;}

/* organ */
.organ_system { position: relative; height: 2300px; background: url(../img/bg_organ.jpg) no-repeat; background-position: left 79% top 0.5rem; width: 1000px;}
.organ_system li a { position: absolute; text-align: center; font-size: 13px; color: #333; }
.organ_system .or1 { left: 368px; top:29px; width:200px; color:#fff;font-size: 15px; font-weight:600 ;}
.organ_system .or2 { left: 207px; top:89px; width:150px; }
.organ_system .or3 { left: 612px; top:89px; width:150px; text-align: left;}
.organ_system .or4 { left: 612px; top:168px; width: 190px; text-align: left;}
.organ_system .or4 + ul { position: absolute; top: 243px; left: 654px; }
.organ_system .or4 + ul li a{ position: relative; display: block; width: 200px; min-height: 50px;text-align: left; }
.organ_system .or5 { left:398px; top:483px; width: auto;color:#fff;font-size: 15px; font-weight:600 ;}
.organ_system .or6 { left: 612px; top:545px; width: 120px; text-align: left;}
.organ_system .or7 { left: 89px; top:656px; width: 90px; color: #333;}
.organ_system .or7 + ul { position: absolute; top: 774px; left: 83px; }
.organ_system .or7 + ul li a{ position: relative; display: block; width: 102px;}
.organ_system .or7 + ul li:nth-child(1) a{ margin-bottom: 39px; }
.organ_system .or7 + ul li:nth-child(2) a{ margin-bottom: 42px; }
.organ_system .or7 + ul li:nth-child(3) a{ margin-bottom: 39px; }
.organ_system .or8 { left: 254px; top:656px; width: 90px;}
.organ_system .or8 + ul { position: absolute; top: 776px; left: 246px }
.organ_system .or8 + ul li a{ position: relative; display: block; width: 100px;}
.organ_system .or8 + ul li:nth-child(1) a{ margin-bottom: 37px; }
.organ_system .or8 + ul li:nth-child(2) a{ margin-bottom: 38px;  width: 94px; margin-left: 2px;}
.organ_system .or8 + ul li:nth-child(3) a{ margin-bottom: 37px; }
.organ_system .or8 + ul li:nth-child(4) a{ margin-bottom: 37px; }
.organ_system .or9 { left: 425px; top:656px; width: 85px;}
.organ_system .or9 + ul { position: absolute; top: 776px; left: 417px; }
.organ_system .or9 + ul li a{ position: relative; display: block; width: 100px;}
.organ_system .or9 + ul li:nth-child(1) a{ margin-bottom: 37px; }
.organ_system .or9 + ul li:nth-child(2) a{ margin-bottom: 38px;  width: 94px; margin-left: 2px;}
.organ_system .or9 + ul li:nth-child(3) a{ margin-bottom: 37px; }
.organ_system .or9 + ul li:nth-child(4) a{ margin-bottom: 37px; }
.organ_system .or10 { left: 590px; top:656px; width: 90px;}
.organ_system .or10 + ul { position: absolute; top:790px; left: 584px; }
.organ_system .or10 + ul li a{ position: relative; display: block; width: 100px;}
.organ_system .or10 + ul li:nth-child(1) a{ margin-bottom: 43px; }
.organ_system .or10 + ul li:nth-child(2) a{ margin-bottom: 41px; }
.organ_system .or10 + ul li:nth-child(3) a{ margin-bottom: 38px; }
.organ_system .or10 + ul li:nth-child(4) a{ margin-bottom: 40px; }
.organ_system .or10 + ul li:nth-child(5) a{ margin-bottom: 61px; }
.organ_system .or11 { left: 755px; top:656px; width: 90px;}
.organ_system .or11 + ul { position: absolute; top:793px; left: 737px; }
.organ_system .or11 + ul li a{ position: relative; display: block; width: 125px;}
.organ_system .or11 + ul li:nth-child(1) a{ margin-bottom: 40px; }
.organ_system .or11 + ul li:nth-child(2) a{margin-bottom: 43px;width: 90px;margin-left: 19px;}
.organ_system .or11 + ul li:nth-child(3) a{ margin-bottom: 40px; }
.organ_system .or11 + ul li:nth-child(4) a{ margin-bottom: 38px; width: 104px;margin-left: 10px;}
.organ_system .or11 + ul li:nth-child(5) a{ margin-bottom: 42px; margin-left: 0px;  width: 135px;}
.organ_system .or11 + ul li:nth-child(6) a{ margin-left: 15px;width: 95px;}
.organ_system .or12 { left: 89px; top:1459px; width: 90px;}
.organ_system .or12 + ul { position: absolute; top:1576px; left: 73px; }
.organ_system .or12 + ul li a{ position: relative; display: block; width: 121px;}
.organ_system .or12 + ul li:nth-child(1) a{ margin-bottom: 41px; }
.organ_system .or12 + ul li:nth-child(2) a{ margin-bottom: 36px; }
.organ_system .or12 + ul li:nth-child(3) a{ margin-bottom: 40px; width: 100px;margin-left: 12px;}
.organ_system .or12 + ul li:nth-child(4) a{ margin-bottom: 42px; }
.organ_system .or12 + ul li:nth-child(5) a{ margin-bottom: 41px; }
.organ_system .or12 + ul li:nth-child(6) a{ margin-bottom: 41px; }
.organ_system .or13 { left: 89px; top:1600px; width: 91px;}
.organ_system .or13 + ul { position: absolute; top:1735px; left: 82px; }
.organ_system .or13 + ul > li > a{ position: relative; display: block; width: 97px;}
.organ_system .or13 + ul > li:nth-child(1) a{ margin-bottom: 40px;width: 93px;margin-left:4px;}
.organ_system .or13 + ul > li:nth-child(2) a{ margin-bottom: 38px;width: 90px;margin-left: 5px;}
.organ_system .or13 + ul > li:nth-child(3) a{ margin-bottom: 42px; }
.organ_system .or13 + ul .or14 { left: 176px; top:-575px; width: 85px ;}
.organ_system .or14 + ul { position: absolute; top:0px; left: 176px; }
.organ_system .or14 + ul li a{ position: relative; display: block; width: 85px;}
.organ_system .or14 + ul > li:nth-child(1) a{ margin-bottom: 42px; }
.organ_system .or14 + ul > li:nth-child(2) a{ margin-bottom: 36px; }

.institution_list { margin-top: 20px;}
.institution_list li { display:inline-block; margin:0 10px 10px 0; border:1px solid #e1e6eb}
.institution_list li a { display: block; padding: 0.7rem 20px;}
.institution_list li a[target="_blank"]:after { content: '\e980'; font-family: "xeicon"; margin-left: .1rem; display:inline-block; vertical-align:middle; font-size:1.1em }

/* policy */
.policy_list:after { content: ""; display: block; clear: both;}
.policy_list li { float: left; margin: 0 2rem 2rem 0; width: 15.3rem; height: 13.1rem; }
.policy_list li:nth-child(3n) { margin-right: 0;}
.policy_list li a { display: block; color:#333;}
.policy_list li p { overflow: hidden; position: relative;width: 100%; height: 10.05rem;}
.policy_list li p:after { content: ""; position: absolute; left: 0; top: 0; z-index: 3;width: 100%; height: 100%; background: linear-gradient(-45deg, #3c67a8, #33aa99); opacity:0; transition: opacity 0.5s;}
.policy_list li p:before { content: "\e9c5"; position: absolute; left: 50%; top: 50%; z-index: 5;transform: translate(-50%, -50%);font-family: 'xeicon'; font-size: 2rem; color:#fff; opacity: 0; transition: opacity 0.5s;}
.policy_list li:hover p:after { opacity: .9;}
.policy_list li:hover p:before { opacity: 1;}
.policy_list li div { padding: .85rem 0 0; line-height: 1.25rem;}
.policy_top { overflow: hidden; position: relative; margin: 0 0 2.2rem; color:#fff;}
.policy_top > div { padding: 2.5rem 3.25rem 2.5rem 4rem; min-height: 17.35rem; background: rgba(0,0,0,0.6); box-sizing: border-box;}
.policy_top > div div { margin: 0 0 1.6rem; height: 7.75rem; display:table; width:70%;}
.policy_top > div div:before { content: "";position: absolute; left: 0; top:2.5rem; width: 15px; height: 7.75rem; background: linear-gradient(to bottom, #3c6ca7, #33a59a);}
.policy_top img { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; filter:blur(5px); transform: translateY(-10%);}
.policy_top h3 { display:table-cell; padding: .75rem 0; width: 574px;  height: 7.75rem; font-size: 1.2rem; border-bottom: 1px solid #848382; box-sizing: border-box; vertical-align:middle;}
.policy_top em {  position: absolute; right: 3.25rem; top: 2.5rem; z-index: 3;width: 235px; height: 7.75rem; background-size:cover; background-position:center;}
/*.policy_top h3 span{ display: block; padding: 0 0 1rem; font-size: 46px;  color:#585958; text-shadow: 1px 1px rgba(0,0,0,0.5), -1px -1px rgba(0,0,0,0.5), 1px -1px rgba(0,0,0,0.5), -1px 1px rgba(0,0,0,0.5); font-weight: bold;}*/
.policy_top h3 svg { display:none; font-size: 50px; height:50px; font-family: arial;}
.policy_top h3 svg text { fill:none; stroke:rgba(255,255,255,.5); stroke-width:.5; }

.policy_top .bg1 { background-image: url(../img/bg_policy01.png);}
.policy_top .bg2 { background-image: url(../img/bg_policy02.png);}
.policy_top .bg3 { background-image: url(../img/bg_policy03.png);}
.policy_top .bg4 { background-image: url(../img/bg_policy04.png);}
.policy_top .bg5 { background-image: url(../img/bg_policy05.png);}
.policy_top .bg6 { background-image: url(../img/bg_policy06.png);}
.policy_top .bg7 { background-image: url(../img/bg_policy07.png);}
.policy_top .bg8 { background-image: url(../img/bg_policy08.png);}
.policy_top .bg9 { background-image: url(../img/bg_policy09.png);}
.policy_top .bg10 { background-image: url(../img/bg_policy10.png);}
.policy_top .bg11 { background-image: url(../img/bg_policy11.png);}
.policy_top .bg12 { background-image: url(../img/bg_policy12_1.png);}
.policy_top .bg13 { background-image: url(../img/bg_policy13.png);}
.policy_top .bg14 { background-image: url(../img/bg_policy14.png);}
.policy_top .bg15 { background-image: url(../img/bg_policy15.png);}
.policy_top .bg16 { background-image: url(../img/bg_policy16.png);}
.policy_top .bg17 { background-image: url(../img/bg_policy17.png);}
.policy_top .bg18 { background-image: url(../img/bg_policy18.png);}
.policy_top .bg19 { background-image: url(../img/bg_policy19.png);}

.policy_flow { padding: 1.5rem 0 1rem;}
.policy_flow:after { content: ""; display: block;clear: both;}
.policy_flow li { display: table;float: left; position:relative; margin: 0 2% 2% 0;width:23.5%;}
.policy_flow li:nth-child(4n) { margin-right: 0;}
.policy_flow li div { display: table-cell; height: 92px; border: 4px solid #eaeef3; border-radius: 92px; box-sizing: border-box; text-align: center; vertical-align: middle;}
.policy_flow li em { position: absolute; right:-5px; top:-5px; width:34px; height:34px; border-radius:100%; background: #4a75b9; text-align: center; line-height:34px; color:#fff; font-size: .7rem;}
.policy_box1 { position: relative; margin: 1.25rem 0 2rem;padding:1.5rem 1.5rem 1.5rem 19rem; border: 1px solid #ddd; text-align: justify;}
.policy_box1 img { position: absolute; left: 1.5rem; top:1.5rem; }
.policy_box2:after { content: ""; display: block; clear: both;}
.policy_box2 > div { float: left; width:450px; text-align: left;}
.policy_box2 > div h5 { padding:.6rem 0; font-size: .75rem; color:#333;}
.policy_box2 .title { padding:0 0 0.5rem; font-size: .9rem; color:#333;}
.policy_box2 img { float: right;}
.policy_box2.floatr > div { float: right; width:410px;}
.policy_box2.floatr img { float: left;}
.policy_box3 li { position: relative; padding: 0 0 1rem 8.5rem;}
.policy_box3 li div { position: absolute; left: 0; top: 0; width:8rem; height: 3rem; background: #3d63a9; text-align:center; line-height: 3rem; color:#fff; font-size: .75rem; border-radius: 3rem;}
.policy_box3 li div:after { content: ""; position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); border-style: solid; border-width: 8px; border-color:#3d63a9 transparent transparent transparent }
.policy_box3 li:last-child div::after { display: none;}
.policy_box3 li p { padding: 1rem 1.5rem; border: 1px solid #e1e1e1; border-radius: 1.35rem;}
.policy_box4 { text-align: left;}
.policy_box4 > div { padding: 1.25rem 0; border-bottom: 1px dotted #ddd;}
.policy_box4 > div:last-child { padding-bottom: 0; border: none;}
.policy_box4 h5 { color:#3d63a9; font-size: .8rem;}
.policy_box4 strong { font-weight: bold !important;}


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

.bx_col2 { display: table; margin: 1rem 0 2rem; width: 100%;}
.bx_col2:after { content: ""; display: block; clear: both;}
.bx_col2 > div { display: table-cell; width:49%; box-sizing: border-box;}
.bx_col2 > div.mid { width: 2%;}

.bbs_report { border-top: 1px solid #76777a;}
.bbs_report > div { display: table; width: 100%; border-bottom: 1px solid #eaeef3;}
.bbs_report > div > div { display: table-cell; padding: 1.5rem 0;}
.bbs_report .date { width:7.5rem; vertical-align: top; text-align: center;}
.bbs_report .date div { display: table; margin:0 auto;width:5.4rem; height:5.4rem; border-radius: 100%; border: 2px solid #e1e6eb; line-height: 100%;}
.bbs_report .date div p { display: table-cell; vertical-align: middle; color:#3d63a9; font-size: .75rem;}
.bbs_report .date div p span { display: block;font-size: .9rem; font-weight: bold;}
.bbs_report .con .info { padding: .5rem 0;}
.bbs_report .con .info strong { position: relative; padding: 0 .5rem 0 0; margin: 0 .5rem 0 0; font-weight: bold !important; font-size:.9rem;}
.bbs_report .con .info strong:after { content: ""; position: absolute; right: 0; top:50%; width: 2px; height: 13px; background: #eaeef3; transform: translateY(-50%);}
.bbs_report .con .info a { font-size: .75rem; color:#333;}
.bbs_report .con .info a em { margin: 0 0 0 .5rem; color:#555;}
.bbs_report .con li { line-height: 1.2rem;}
.bbs_report .con li:before { top: .45rem;}



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

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

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

div.tstyle_list > div.dhead { border-bottom: 1px solid #bfbfbf; }

div.tstyle_list > div.dhead > ul li { color: #333; font-weight: 500; }

div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #e4e4e4; }

div.tstyle_list > div.dbody > ul:last-child { border-bottom: 0; }

div.tstyle_list > div.dbody > ul.notice { background: #fbfbfb; }

div.tstyle_list > div.dbody > ul.notice li:first-child { color: #000; font-weight: 500; }

div.tstyle_list > div.dhead > ul li.title { width: auto; text-align: center; }

div.tstyle_list > div.dbody > ul > li.title { width: auto; text-align: left; }

div.tstyle_list > div.dbody > ul > li a span{ display: inline-block; vertical-align:middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
div.tstyle_list > div.dbody > ul > li.file a { text-align: center; width: 100%; }

div.tstyle_list > div.dbody > ul > li span.re-num { color: #d85430; }

div.tstyle_list > div.dbody > ul > li a:hover { text-decoration: underline; }

div.tstyle_list > div.dbody > ul > li a.btn-line { display: inline-block; width: auto; }

div.tstyle_list > div.dbody > ul > li a.btn-line:hover { color: #fff; text-decoration: none; }

div.tstyle_list > div.dbody .xi-new { color: #21a089; font-size: .9rem; display: inline-block; vertical-align: middle; margin-left: .4rem; }

div.tstyle_list > div.dhead > ul li.title + li.W13,
div.tstyle_list > div.dbody > ul > li.W13.nowrap { width: 20% }


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

/*Board View - JYC 20190314 */
div.tstyle_view { margin-bottom: 1rem; }

div.tstyle_view div.title { color: #333; font-size: 1.6em; font-weight: bold; padding: 0 1rem 1rem; }

div.tstyle_view ul.head { padding: 0 0 1.5rem 1rem; border-bottom: 1px solid #d3d8dd;  clear:both;font-size: .7rem; letter-spacing: -0.03em }
div.tstyle_view ul.head span { color: #999; margin-right: .4rem; }
div.tstyle_view ul.head b { font-weight: normal; }
div.tstyle_view ul.head li:last-child { float: right; }
div.tstyle_view ul.head li:last-child::before { display: none; }

div.tstyle_view ul.head li { display: inline-block; padding-left: 0; margin-right: .5rem; }
div.tstyle_view ul.head li ~ li::before { content: ""; display: inline-block; vertical-align: middle; width: 2px; height: .6rem; background-color: #d3d8dd; position: static; margin-right: .65em; }

div.tstyle_view ul.head li strong { color: #999; font-weight: normal; padding-right: 5px; }

div.tstyle_view ul.head .hit::before { display: none; }

div.tstyle_view div.tb_contents { clear: both; font-size: 15px; padding: 2rem 1rem; border-bottom: 1px solid #eaeef3; line-height: 180%; min-height: 150px; word-break: keep-all; }
.tb_contents img { margin: 0 auto; display: block }



/*첨부파일*/

.pt2 {padding-top:2px !important;}

div.tstyle_view.bd1 .tb_contents{min-height:inherit;display:none;}

div.tstyle_view .add_file_list { display: table; width: 100%; border-bottom: 1px solid #d3d8dd; }
div.tstyle_view .add_file_list .title { display: table-cell; width: 10%; color: #999; font-size: .93em; padding: 1rem; }
div.tstyle_view .add_file_list .add_file { display: table-cell; padding: 1rem 0; }


div.add_file_list .add_file li .add_file_item [class*='icon_'],
div.add_file_list .add_file li .file_preview,
div.add_file_list .add_file li iframe{display:none;}

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

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


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

div.tstyle_view ul.add_file li::before { display: none; }
div.tstyle_view ul.add_file li * { display: inline-block; vertical-align: middle; }
div.tstyle_view ul.add_file li .xi-paperclip { -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 1.2em; }
div.tstyle_view ul.add_file li .fileSize { color: #999; font-size: .8em; margin-left: .2rem; }

div.tstyle_view ul.add_file li:hover { background: #f9f9f9; }

div.tstyle_view ul.add_file li:last-of-type { border-bottom: 0; }

div.tstyle_view ul.add_file li > strong { display: block; font-weight: normal; position: relative; }

div.tstyle_view ul.add_file li > strong:before { color: #fff; display: inline-block; font-size: 11px; width: 30px; text-align: center; line-height: 19px; vertical-align: 2px; }

div.tstyle_view ul.add_file li > strong span.fileSize { color: #999; display: inline-block; font-size: 12px; }

div.tstyle_view ul.add_file li > span.link { float: right; font-size: 14px; }

div.tstyle_view ul.add_file li > strong img { vertical-align: -2px; }

/* 갤러리 리스트 2018-11-27 수정*/
.galleryList { border-top: 1px solid #919191; border-bottom: 1px solid #919191; clear: both; overflow: hidden; padding: 25px 0 5px; }

.galleryList ul { padding: 0; margin: 0; }

.galleryList ul li { padding: 0; float: left; width: 31.59%; margin: 0 2.6% 25px 0; overflow: hidden; }

.galleryList ul li::before { display: none; }

.galleryList ul li:nth-child(3n) { margin-right: 0; }
.galleryList ul li a { border: 1px solid #e4e4e4; color: #333; display: block; position: relative; }
.galleryList ul li a .thumb { display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 61%; margin: 0 auto; text-align: center; }
.galleryList ul li a .thumb img { width: 100%; }
.galleryList ul li a { border: 1px solid #e4e4e4; color: #333; display: block; position: relative; }
.galleryList ul li a .thumb { display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 61%; margin: 0 auto; text-align: center; }
.galleryList ul li a .thumb img { width: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; }
.galleryList ul li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.galleryList ul li a span.txt { display: block; height: auto; padding: 1rem; }
.galleryList ul li a span.txt > strong { color: #000; display: inline-block; font-size: 15px; font-weight: normal !important; line-height: 22px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /*height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/ word-break: keep-all; width: 100%; -webkit-transition: all .4s; transition: all .4s; }
.galleryList ul li a span.txt span.date { display: inline-block; margin: 10px 0 0 0; color: #999; font-size: 14px; }

/* 2024-04-02 추가 */
.galleryList.type2{border-top:1px solid #676767; padding-top: 30px; border-bottom:0;}
.galleryList.type2 ul li a{border:0; position: static;}
.galleryList.type2 ul{display: flex; gap:24px; flex-wrap:wrap; justify-content:flex-start;}
.galleryList.type2 li{position:relative; margin:0; border:1px solid #c0c0c0; flex:1 1 auto; padding: 5px; max-width:calc(33.333% - 16px); box-sizing: border-box; box-shadow: 4px 4px 0px #f2f2f2;}
.galleryList.type2 li img{display: block; max-width:100%; height:auto; box-sizing: border-box;}
.galleryList.type2 .xi-new{background: url("../img/new.png") no-repeat left top; display: block; font-size:0; width: 45px; height: 45px; position: absolute; left:5px; top:5px;}
.galleryList.type2 .date-group{position:absolute; left:20px; bottom:20px; width: calc(100% - 40px);}
.galleryList.type2 li .txt{display: block; padding: 20px 15px 20px 15px;  }
.galleryList.type2 .txt > strong{color:#444444 !important; overflow: visible; white-space: normal; font-size: 17px !important; line-height: 135% !important; }
.galleryList.type2 ul li a span.txt span.date,.galleryList.type2 ul li a span.txt .date-group strong{ color:#3d64a9; font-size: 16px; display: none;}
/* 영상자료게시판 상세보기 */
.media_textarea { height: 15rem; overflow-y: auto; background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: 1.5rem 1rem;}
.media_textarea::-webkit-scrollbar-track { background-color: transparent; border-radius: 4px; }
.media_textarea::-webkit-scrollbar { width: 8px; }
.media_textarea::-webkit-scrollbar-thumb { background-color: #d3d8dd; border-radius: 4px; }

/* 2024-04-02 추가 */
.add_file_list.type2{border-top:2px solid #676767; border-bottom:1px solid #676767 !important;}
.add_file_list.type2 .title{position: relative; font-size: 16px !important; color:#696969;}
.add_file_list.type2 .title:after{content: ""; display: block; width: 1px; height: 14px; background: #b2b2b2; position: absolute; right: 0; top:50%; margin-top: -7px;}
.add_file_list.type2 .add_file{padding-left: 30px !important;}
.add_file_list.type2 .add_file .xi-paperclip:before{display: none;}
.add_file_list.type2 .add_file .xi-paperclip{background: url("../img/file.png"); display:inline-block; width: 14px; height: 12px; transform: rotate(0deg) !important; margin-right: 8px; }

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


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

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

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

div.tstyle_list > ul, div.tstyle_view > ul { margin: 0; }
div.tstyle_list > ul > li::before, div.tstyle_view > ul > li::before { display: none; }


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

#container { padding: 0; border:none;}
#container #contentWrap { padding: 0; width:auto;}
#content { float: none; width:100%; padding:2.5rem 1.25rem; box-sizing: border-box;}
#content img { max-width:100%; width: auto!important;height:auto!important;}
#content .active img { max-width:initial;}
.tb_over > table { min-width: 800px; margin: 0;}
.tb_over > img {  max-width:initial !important;}
.tb_over + .h3 { padding-top:1.6rem;}
.tb_over { position: relative; z-index:4; width:100%; overflow:hidden; }
.tb_over.dimm { overflow:auto;}
.tb_over.dimm:before,
.tb_over.dimm:after { display:none;}
.tb_over::before { content: "Table is Big! You will be control horizontal scroll"; display: block; width: 100%; height: 100%; color: white; position: absolute; /*background-color:rgba(0,0,0,.2);*/ background: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 2; text-align: center; padding-top: 10%; cursor: pointer; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
.tb_over::after { content: "\e9b6"; font-family: "xeicon"; font-size: 2em; display: block; width: 100%; color: #fff; z-index: 2; position: absolute; top: 0; text-align: center; padding-top: 15%; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; }
.tb_over.on:before,
.tb_over.on:after { display:none;}
.tb_over.on { overflow:auto;}

/* snb */
#snb { float: none; width: 100%;}
#snb h2 { position: relative; padding: 0; line-height:2.5rem; color:#fff; height: 2.5rem; background: #21a089; font-weight: normal; text-indent: 1.25rem; cursor: pointer;}
#snb h2 a { color:#fff; cursor: pointer;}
#snb h2:after { content: "\e941"; position: absolute; right:1.625rem; top: 50%; transform: translateY(-50%); font-family: 'xeicon'; color:#fff; font-size: .875rem; transition: transform .5s; transform-origin:top; line-height: 100%; text-indent: 0;}
#snb h2.on:after { transform: rotate(180deg) translateY(-50%); }
#snb nav { display: none; position: absolute; z-index: 10; width: 100%;background: #fff; box-shadow: 0 5px 8px rgba(0,0,0,0.05);}
#snb nav a { display: block; position: relative; font-size: .8rem; color:#64676c; padding-top: .65rem; padding-bottom: .65rem }
#snb nav li { border-bottom:none;}
#snb nav li.active {background:none; font-weight: normal;}
#snb nav li.active > a { color:#21a089;}
#snb nav li a:before { content: ""; display:inline-block; margin-right: .28rem; width: 2px; height: 2px; background: #64676c; border-radius: 100%; vertical-align: .2rem;}
#snb nav li.active a:before {color:#21a089;}
#snb nav li a:after { display: none;}
#snb .ad { display: none;}
#content section.content_info { border-bottom:1px solid #e1e6eb; }
#content section.content_info:after {content: ""; display:block; clear:both;}
#content section.content_info nav.location{ display: none;}
#content section.content_info .option { float: right; padding: .4rem 0 0;}
#content section.content_info .option a { width:1.25rem; height:1rem; border:none; border-radius:0; color:transparent; line-height:1rem;}
#content section.content_info .util .print_btn { display: none; }

/* about */
.about .vision > p { width: 100%;}
.about .vision .list { height: auto;}
.about .vision .list:after { width: 100%; left:0; transform: translateX(0);}
.about .vision .list div { margin: 0;width: 24.5%; }
.about .goals > div div { padding: 1.5rem 0;}
.about .goals h4 { position: static; margin: 0 0 1rem; width: 100%; height: 2rem; border-radius: 2rem; transform: translateY(0);}
.about .goals h4 br { display: none;}
.logos > div { float: none;}
.logos > div .bx { float: none; width: 100%; text-align: center;}
.logos > div .col2:after { content: ""; display: block; clear: both;}
.logos > div .col2 .bx { float: left; width: 48%;}
.logos > div .col2 .bx:last-child { margin-left: 2%;}
.logos > div .bx.bg3 {  margin: 0 0 0 2%;}
.logos > div:first-child { margin: 0;}
.logos > div .bx img { display:block; margin: 0 auto;}
.gallery_type1 > div { padding-left:0; height: auto;}
.gallery_type1 > div img { display: block; position: static; margin: 0 auto 1rem;}
.director .top { padding:2rem; margin-bottom: 3rem; height:auto; background:url(../img/bg_message.png) no-repeat 0 0 / cover; border-bottom: none;}
.director .top h3 { position: relative; padding: 0 0 19px; font-size: 1.2rem; line-height: 100%; font-weight: normal;}
.director .top p { width: 100%;}
.director .top span {left:0; bottom: -3.5rem; padding: 0 0 1rem 2rem; width: 100%; box-sizing: border-box; border-bottom: 1px solid #222;}
#map { width:100% !important; }

@media screen and ( max-width:1024px ){
.organ_system { position: relative; height: auto; background:none; margin-bottom: 2rem; width: auto;}
.organ_system li { margin-top:1rem; position:relative; }
.organ_system li a { position: static;  top:auto !important; left:auto !important;  display:block; box-sizing: border-box; width:100%!important; background-color:#fff; padding:.5rem;text-align: center !important; }
.organ_system li a::before { display: none; }
.organ_system .or4 +  ul > li > ul > li { border:1px solid #e4e7ec;}
.organ_system .or4 +  ul > li::before { content:""; display:block; width:2px; background-color:#ddd; height:1rem; position:absolute; left:50%; top:-1.1rem; }
.organ_system [class*="or"] + ul > li > ul > li> ul > li::before { content:""; display:block; width:2px; background-color:#ddd; height:1rem; position:absolute; left:50%; top:-1.1rem; }
.organ_system li a.or1::before { display:none; }

.organ_system [class*="or"] {border: 3px solid #3d63a9;}
.organ_system [class*="or"] + ul { position: static; top: auto; left: auto;}
.organ_system [class*="or"] + ul > li > ul > li{ border: 1px solid #e4e7ec;}
.organ_system [class*="or"] + ul li a{ position: relative; top:auto !important; left:auto !important; display:block; box-sizing: border-box; width:100%!important; min-height: auto; background-color:#fff; margin-bottom: auto !important; padding:1rem;}

.organ_system .or1 { background-color:#3d63a9; border-radius:3rem; padding:1rem; }
.organ_system .or5 { background-color:#21a089 !important; border-radius:3rem; padding:1rem; border:0 none; }
.organ_system .or5 + ul > li, .organ_system .or13 + ul > li:last-child  {border:0 none !important; }
.organ_system .or8 { border:1px solid #e4e7ec;}
.organ_system .or2, .organ_system .or3,.organ_system .or4, .organ_system .or6 { border-color: #21a089; }
 .organ_system .or6 + ul li { border-color: #21a089 !important; }
.organ_system .or7 {border-radius: 0;}
}


/* policy */
.policy_list li { margin: 0 2% 2rem 0; width:49%; height:auto;}
.policy_list li:nth-child(3n) { margin-right:2%;}
.policy_list li:nth-child(2n) { margin-right:0;}
.policy_list li img { width: 100% !important;}

.policy_top em { display: none;}
.policy_top > div div { width:100%;}
.policy_top h3 { width:100%;}
.policy_top h3 br { display:none;}
.policy_flow li { display: table; float: left; position:relative; margin: 0 2% 2% 0;width:46%;}
.policy_flow li:nth-child(4n) { margin-right: 2%;}
.policy_flow li:nth-child(2n) { margin-right: 0;}
.policy_flow li div { display: table-cell; height: 92px; border: 4px solid #eaeef3; border-radius: 92px; box-sizing: border-box; text-align: center; vertical-align: middle;}
.policy_box1 {padding:1.5rem;}
.policy_box1 img { display: block; position: static; padding: 0 0 1rem; margin: 0 auto;}
.policy_box2.floatr > div,
.policy_box2.floatr > img,
.policy_box2 > div,
.policy_box2 img{ float: none;}
.policy_box2 > div { width: auto; padding: 0 0 1rem;}
.policy_box2.floatr > div { padding: 1rem 0 0;width: auto;}
table.type2 th,
table.type2 td { display: block;}
table.type2 th div { padding: .85rem 0;width: auto;}
table.type2 th br { display: none;}

.bx_type2::before,
.table_wrap::before { content: ""; display: block; width: 100%; height: 100%; color: white; position: absolute; left: 0; top:0; /*background-color:rgba(0,0,0,.2);*/ background: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); z-index: 2; text-align: center; padding-top: 10%; cursor: pointer; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); box-sizing:border-box;}
.bx_type2::after,
.table_wrap::after { content: "\e9b6"; font-family: "xeicon"; font-size: 3em; display: block; width: 100%; color: #fff; z-index: 2; position: absolute; top: 50%; left: 0;text-align: center; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing:border-box; }
.bx_type2 { position: relative; float: none; }
.bx_type2::before { content: "Click!! View Original"; }
.bx_type2::after { content: "\ea50"; }
.bx_type2.active { position: relative; left: 0; z-index: 100; min-width:1000px; background-color: #fff; }
.bx_type2.active::before, .bx_type2.active::after { opacity: 0; visibility: hidden; }
.bx_type2.active .close { cursor: pointer; position: absolute; left: 0; top: 0; z-index: 10; display: block; padding: .8em; background-color: rgba(255,255,255,.5); font-size: 1.5em; }
.fullscreen::after { content: "";background-color: rgba(0, 0, 0, 0.9);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;opacity: 1;visibility: visible;}
.sr_only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/* 게시판 검색 */
  div.board_info { margin-bottom: 15px; }
  div.board_info .Search_rss { float:none; background: #f9f9f9; border: 1px solid #ddd; padding: 5%; text-align: center; width: 100%;  box-sizing:border-box;}
  div.board_info .page_info { float: right; margin-top: 15px; }
  div.board_info fieldset span { margin-left: 0; }
  div.board_info fieldset span.form-select, div.board_info fieldset span.form-input { display: block; width: 100%; }
  div.board_info fieldset span.form-btn { position:absolute; right:0; bottom:0; width:40px;}
  /*listDown 리스트 ex-수상내역 */
  .listDown .answer ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
  /*Board list : div style 19-01-24 본청 > 종합민원 > 민원서식 게시판 수정하면서 수정함 */
  div.tstyle_list > div.dhead { display: none; }
  div.tstyle_list > div.dbody > ul { padding: 10px 0 5px 0; }
  div.tstyle_list > div.dbody > ul > li { border: 0; display: block; float: left; width: auto !important; padding: 0 0 5px 0; margin-right: 10px; min-height: auto; }
  div.tstyle_list > div.dbody > ul > li.title { font-size: 15px; float: none; width: 100% !important; }
  /*Board View  19-01-24 */
  div.tstyle_view ul.head li { padding: 5px 10px; }
  div.tstyle_view ul.add_file li { padding: 9px 0; }
  div.tstyle_view ul.add_file li > span.link { float: left; margin-top: 3px; }
  div.tstyle_view ul.add_file li > strong { width: 100%; float: none; }
  /* 갤러리 리스트 2018-11-27 수정*/
  .galleryList { padding: 25px 0 5px; border-top: 1px solid #919191; border-bottom: 1px solid #919191; }
  .galleryList ul { clear: both; overflow: hidden; }
  .galleryList ul li { float: left; width: 48.7%; margin: 0 2.6% 25px 0; overflow: hidden; }
  .galleryList ul li:nth-child(3n) { margin-right: 2.6%; }
  .galleryList ul li:nth-child(2n) { margin-right: 0; }
  .galleryList ul li a span.txt strong { height: auto; -webkit-line-clamp: 1; }
  .galleryList ul li a span.txt span.date { margin: 5px 0 0 0; }
  /* 갤러리 리스트 2024-04-02 추가*/
  .galleryList.type2 { padding: 25px 0 5px; border-top: 1px solid #919191; border-bottom: 1px solid #919191; display: flex; justify-content: center;}
  .galleryList.type2 ul { clear: both; overflow: hidden; display: flex; justify-content: stretch; gap:0; }
  .galleryList.type2 ul li {max-width:calc(50% - 12px); margin-bottom: 24px;}
  .galleryList.type2 ul li:nth-child(even){margin-left:24px; }
  .galleryList.type2 ul li a span.txt strong { height: auto; -webkit-line-clamp: 1; }
  .galleryList.type2 ul li a span.txt span.date { margin: 5px 0 0 0; }
  /*효과*/
  .galleryList ul li a:before { bottom: 27.5%; }
	div.board_info fieldset select { border-right:1px solid #ddd; border-bottom:none;}
	div.board_info fieldset input {border-top:none; border:1px solid #ddd;}
	.content_body .btn.lg {padding: .4rem 0;min-width:5rem}
	.content_body .btn { line-height:1.3rem}

}

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

@media screen and ( max-width:768px ){
.call_box { background-image:none; padding: 1.5rem;}
.policy_list li p { height: auto;}
.policy_box3 li { padding: 0 0 1rem 0;}
.policy_box3 li div { position: relative; margin: 0 0 1rem; width:100%; height: 3rem;}
.policy_box3 li:last-child div::after { display: block;}
.bx_col2 { display: block;}
.bx_col2 > div { display: block; width:100%;}
.organ_box { padding:1.5rem;}
.organ_box li { width:50%;}
div.tstyle_view ul.head { padding-right: 0;}
div.tstyle_view ul.head li { padding: 0 }
.content_info .info,
.content_body .info,
div.tstyle_view ul.head { padding-left: 0; text-align: left }
.content_info .info li,
.content_body .info li,
div.tstyle_view ul.head li { margin-left: .5rem }
.content_body .info li:last-child {float:none;}
.content_info .info li ~ li::before,
.content_body .info li ~ li::before,
div.tstyle_view ul.head li ~ li::before { display: none; }
div.tstyle_view ul.head li:last-child { float: none; }
div.tstyle_view div.title { padding-left:.5rem; padding-top:0; }
.add_file_list .title {padding-left:0;padding-right:0;}
.board_pager a { width: 1.1rem; margin: 0 1px }
.board_pager .pageFirst,
.board_pager .pagePrev,
.board_pager .pageNext,
.board_pager .pageLast,
.board_pager .pageNow { display:inline-block; width:1.6rem }
.board_pager .pagePrev { margin-right: .2rem}
.board_pager .pageNext { margin-left: .2rem}

div.tstyle_view.bd1 .tb_contents{display:block;min-height:150px;}
div.tstyle_view.bd1 .add_file_list .add_file li .add_file_item{padding-right:0}
div.tstyle_view.bd1 .add_file_list .add_file li .file_preview,
div.tstyle_view.bd1 .add_file_list .add_file li.active iframe {display:none}

/* 공공누리 */
[class^="codeView"] { padding-left: 1rem }
[class^="codeView"] img { position:static; display: block; margin: 0 auto .5rem }
}

@media screen and ( max-width:600px ){
.galleryList.type2 ul{padding-left: 0;}
.galleryList.type2 ul li{max-width: 100%;}
.galleryList.type2 ul li:nth-child(even){margin-left: 0;}

}

@media screen and ( max-width:498px ){
.director .top { margin-bottom:4rem;}
.director .top span { bottom: -4.5rem;}
}

@media screen and ( max-width:480px ){
.call_box { background-image:none; padding: 1.5rem;}
.director .top { margin-bottom:4rem;}
.director .top span { bottom: -4.5rem;}
.bx_type2 { padding: 5rem 1.5rem 1.5rem;}
.bx_type2.notit { padding: 1.5rem;}
.policy_list li p { height: auto;}
.policy_list li { margin: 0 0 2rem 0; width:100%; height:auto;}
.policy_list li:nth-child(3n) { margin-right:0;}
.policy_list li:nth-child(2n) { margin-right:0;}
.policy_top > div { padding: 2.5rem 2rem 2rem;}
.policy_flow li { float: none; width: 100%; margin: 0 0 2%;}
.policy_flow li div { padding: 0 1rem;}
.policy_flow li br { display:none; }
.bbs_report > div > div { display:block;}
.bbs_report .date { width:100%; padding:1rem 0 0;}
.bbs_report .date div { display: block; width:100%; height:auto; border: none;}
.bbs_report .date div p span { display: inline; padding: 0 0 0 .5rem;}
.bbs_report .con { padding: 0 0 1rem;}
.organ_box { padding:1.5rem;}
.organ_box li { width:50%;}
.bx_col2 { display: block;}
.bx_col2 > div { display: block; width:100%;}
.about .vision > p { padding-top:1.2rem; line-height:normal;}
.about .vision .list { font-size:0;}
.about .vision .list:after { display:none;}
.about .vision .list div { padding-bottom:1.5rem; width:50%; }
}