@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}

.content_table{width:100%; border-top:2px solid #6d6a60; border-collapse:collapse;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:7px 3px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:500; background:#f5f5f5; color:#323232; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}

.ready_box{text-align:center;}
.ready_box img{width:100%;}

.blackTxt{color:#000000}
.redTxt{color:#d10000 !important}
.blTxt{color:#1a42b2 !important}
.blgrTxt{color:#345468}

.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#03a5e5}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:20px 3%; background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 3%}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{box-shadow:0 -0.7em 0 rgba(252,242,84,0.7) inset;}
.redTxt{color:#d10000}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li.w_dot li{background:url("../img/dot_w_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm{font-size:1.3em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:500; letter-spacing:-0.065em; padding-left:25px; background:url(../img/tit_dot.png) no-repeat left center; background-size:16px !important}


@media all and (min-width:768px) {
.bgbox{padding:30px 3%;}
.col-02{width:47%; margin:0 1.5%; float:left;}
.pdbox{padding:30px 3%;}
.mEnter{display:inline;}
.tEnter{display:block;}

.tit_nm{font-size:1.3em; }
.tit_dot{ font-size:1.3em; background-size:20px !Important; padding-left:28px}

.ready_box img{max-width:600px;}
}

@media all and (min-width:1200px) {
.bgbox{padding:40px 25px;}
.pdbox{padding:40px 25px;}
.tEnter{display:inline;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

}

/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist:before{position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#334061}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:45%}


.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px;}
.tablist li.active a{color:#334061; background:#ffffff; font-weight:500; border:2px solid #334061; border-bottom:3px solid #ffffff}


@media all and (min-width:768px) {
.tablist {text-align:left}
.tablist.list04 li{width:25%}
.tablist li{line-height:50px;}
}



.comm_table{width:100%; border-top:1px solid #4e5463; border-collapse:separate; font-size:0.95em;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:15px 3px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:400; background:#fafafc; color:#000000}
.comm_table td.bgc{background:#fcfcfc; font-weight:400; color:#000000}
.comm_table td.bdr{border-right:1px solid #e6e6e6}

.bd_table th,
.bd_table td{border-right:1px solid #dcdcdc;}
.bd_table{border-left:1px solid #dcdcdc;}

@media all and (min-width:768px) {
.comm_table{font-size:1em;}
.comm_table th, .comm_table td{padding:20px 10px}
}
.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #2448a9; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}


/*컨텐츠공통*/
.conh4{font-size:1.9em; font-weight:500}
.conh4:after{content:''; width:60px; height:3px; background:#4e5463; display:block; margin:20px 0}
.conh4 span.st{font-size:0.7em; display:block}
.bgtxt{display:inline-block; padding:3px 5px; line-height:100%; color:#ffffff; background:#1a42b2; font-size:0.9em; border-radius:5px;}
.bgorg{background:#ff992c}

@media all and (min-width:768px) {
.conh4{font-size:2.3em;}

}

/*공통*/


.pointbox{padding:20px 3%; border:1px dashed #d3e1e6; background:#fafafc}
.bdbox{padding:20px 3%; border:10px solid #f7f7f7}
.ic_blank{color:#1a0182; font-weight:500;}
.ic_blank:after{ font-family:'FontAwesome'; content:'\f08e'; display:inline-block; font-weight:600; margin-left:3px; font-size:0.9em}

@media all and (min-width:768px) {
.pointbox{padding:20px 20px;}
.bdbox{padding:30px 3%}

}

@media all and (min-width:1200px) {
.pointbox{padding:30px 20px;}
.bdbox{padding:35px 20px}
}

/*법정감염병 표*/

.move_table{position:relative; overflow-y:scroll}
.move_table p.mo_txt{font-size:0.9em; color:#ff9110;}
.move_table table{min-width:768px;}
.gryTxt{color:#808080;}
.data_table {width:100%; }
.data_table th, .data_table td {padding:10px 5px; border:1px solid #d1d1d3; border-top:none; font-size:0.9em; }
.data_table th{background:#f7f7f7; text-align:center; font-weight:500}
.data_table th.bbgc{background:#1a42b2; color:#ffffff; border-color:#10318c}
.data_table th:first-child {border-left:none;}
.data_table th:last-child {border-right:none;}
.data_table td:first-child {border-left:none;}
.data_table td:last-child {border-right:none;}
.data_table td{vertical-align:top;}
.data_table td.bgc{text-align:center; vertical-align:middle; font-weight:500; background:#f9f9f9}
.data_table thead th {border-bottom:1px solid #999999; background:#f8f8f8; font-weight:400; color:#000000; vertical-align:middle; font-weight:500}
.data_table tbody td {border-bottom:1px solid #d9d9d9; }
.data_table.color th {background:#F5F6FA}
.data_table.tx_left tbody td {padding-left:20px; text-align:left;}

.data_table .gryTxt {border-left:2px solid #03a5e5; margin:5px 0px; font-size:0.95em}
.data_table .gryTxt li{background:none}

@media all and (min-width:768px) {
.move_table p.mo_txt{display:none}
.data_table{font-size:0.95em}
.data_table th{padding:15px 5px;}
.data_table td{padding:12px 5px;}
.move_table{overflow:visible}
.move_table table{min-width:auto}

}


@media all and (min-width:1024px) {
.data_table{font-size:1em}
.data_table th{font-size:1.05em}
}


/*팝업레이어*/
.popinfo{background:#ffffff;}
.popinfo h1{background:#005bac; color:#ffffff; font-size:1.2em; padding:15px; letter-spacing:-2px}

.popinfo .popcon{padding:20px;}

@media only screen and (min-width: 768px) {
.popinfo h1{font-size:1.4em;}
.popinfo .popcon{padding:30px;}
}

@media only screen and (min-width: 1200px) {
.popinfo h1{padding:20px;}
.popinfo .popcon{padding:40px;}

}
#view_list h1 span{display:inline-block; padding:2px 10px; font-size:0.9em;  border:1px solid #ffffff; margin-right:5px; vertical-align:middle}
#view_list ul{text-align:left; padding:3% ; border:10px solid #f7f7f7}
#view_list ul li a.ic_link:after,
#view_list ul li a.ic_down:after{content:''; display:inline-block; width:15px; height:15px; margin-left:5px; background-size:100% !important; background:url(../img/ic_link.png) no-repeat center center; opacity:0.5 }
#view_list ul li a.ic_down:after{background:url(../img/ic_attemp.png) no-repeat center center; }
#view_list p.txt{font-size:1.1em}

/*인사말*/

.intoduce_box{position:relative}
.intoduce_box .introdue_top{position:relative; padding:20px 3%; border:10px solid #f7f7f7;}
.intoduce_box .introdue_top .info{/*float:left; width:65%; min-width:200px;*/ position:relative; z-index:2}
.intoduce_box .introdue_top .photo{position:absolute; right:0; bottom:0; width:50%; max-width:250px; z-index:1}
.intoduce_box .introdue_top:after{content:''; clear:both; display:block;}
.intoduce_box .introdue_top .tit{font-size:1.4em; font-weight:500; padding-bottom:15px; margin-bottom:15px; position:relative;}
.intoduce_box .introdue_top .tit:after{content:''; width:30px; height:2px; display:block; background:#005bac; position:absolute; left:0; bottom:0;}
.intoduce_box .introdue_top .txt{margin-bottom:10px;}
.intoduce_box .introdue_top .txt b{color:#005bac; font-weight:500;}
.intoduce_box .introdue_top .name{color:#808080; font-weight:500;}
.intoduce_box .introdue_top .name span{color:#000000; font-size:1.1em}
.intoduce_box .introdue_bottom{padding:0 3%;}
.intoduce_box .introdue_bottom p{line-height:1.7}

@media only screen and (min-width: 768px) {
.intoduce_box .introdue_top{padding:35px 3%}


}

@media only screen and (min-width: 1200px) {
.intoduce_box .introdue_top{padding:35px 40px;}
.intoduce_box .introdue_bottom{padding:0 40px;}
.intoduce_box .introdue_top .photo{max-width:300px; right:10%;}
.intoduce_box .introdue_top:before{content:''; display:block; position:absolute; right:0; top:-50px; z-index:0; width:200px; height:100px; background:url(../img/logo_mark.png) no-repeat center center; background-size: 100% !important; opacity:0.5}


.characterbox{text-align:right}
.characterbox img{max-width:650px; }
	.characterbox p{font-size: 1.2em}

}

@media only screen and (min-width: 1400px) {
.intoduce_box .introdue_top{padding:50px 50px;}
.intoduce_box .introdue_top .tit{font-size:1.6em;}
.intoduce_box .introdue_top .txt{font-size:1.2em;}

.intoduce_box .introdue_top .photo{max-width:350px;}
.intoduce_box .introdue_top:before{width:250px; height:125px;}

.intoduce_box .introdue_bottom{padding:0 50px;}
}

/*비전*/
.vs_tit{font-weight:600; color:#a7b8da; letter-spacing:3px}
.vs_tit span.tit{display:block;}
.vs_tit b{background:#005bac; color:#ffffff; position:relative; display:block; width:100px; margin:0 auto; margin-bottom:10px; text-align:center; font-size:1.2em; letter-spacing:0; font-weight:600}
.vs_tit b:after{content:''; display:block; position:absolute; right:0; left:0; top:-5px; border-top:5px solid transparent; border-right:100px solid #005bac}


.vs_tit2{font-weight:600; color:#a7b8da; font-size:1.6em; position:relative;}
.vs_tit2:before{content:''; position:absolute; width:1px; height:30px; background:#808080; right:0; left:0; top:-50px; margin:auto}
.vs_tit2 span.tit{display:block;}
.vs_tit2 b{background:#005bac; color:#ffffff; position:relative; display:block; width:180px; margin:0 auto; margin-bottom:10px; text-align:center; font-size:1.2em; letter-spacing:0; font-weight:600}
.vs_tit2 b:after{content:''; display:block; position:absolute; right:0; left:0; top:-5px; border-top:5px solid transparent; border-right:180px solid #005bac}


/*
.vision_li:after{content:''; clear:both; display:block}
.vision_li li{position:relative; overflow:hidden; border:1px solid #e6e6e6; padding-top:15px;margin-bottom:20px;}
.vision_li li:before{content:''; display:inline-block; position:absolute; opacity:0.05; left:-12px;  top:-10px; font-size:10em; font-weight:600; color:#17469b; line-height:70%;}
.vision_li li.v01:before{content:'S';}
.vision_li li.v02:before{content:'M';}
.vision_li li.v03:before{content:'A';}
.vision_li li.v04:before{content:'R';}
.vision_li li.v05:before{content:'T';}
.vision_li li img{max-width:100px; position:relative}
.vision_li dl{padding:0 3% 20px; background:#ffffff}
.vision_li dl dt{text-align:center; color:#17469b; font-weight:600; font-size:1.1em}
.vision_li dl dt span{font-weight:500;}
.vision_li dl dt span{color:#000000; letter-spacing:5px; display:block;}

.vision .core{text-align:center}
.vision .core p.txt{background:#fafafc; border:1px dashed #d3e1e6; border-radius:500px; text-align:center; font-size:1.1em; display:inline-block; padding:25px 20px; font-weight:400; }

*/

.vision_li:after{content:''; clear:both; display:block}
.vision_li li{position:relative; overflow:hidden; border:1px solid #e6e6e6; padding-top:15px;margin-bottom:20px;}
.vision_li li img{max-width:100px; position:relative}
.vision_li dl{padding:0 3% 20px; background:#ffffff}
.vision_li dl dt{text-align:center; color:#17469b; font-weight:600; font-size:1.1em; letter-spacing:1px}
.vision_li dl dt b{font-weight:600; font-size:2em; border-bottom:2px solid #03a5e5}
.vision_li dl dt span{font-weight:500;}
.vision_li dl dt span{color:#000000; letter-spacing:5px; display:block;}


.vision .core{text-align:center; background:#ffffff; border:1px dashed #a7b8da; max-width:850px; margin:0 auto;  text-align:center;  padding:25px 20px; position:relative}
/*.vision .core:after{content:''; display:block; border-width:50px; margin-left:-50px; top:0; left:50%; border-style:solid; border-color:transparent  transparent #a7b8da; position:absolute; top:-100px}*/
.vision .core p.txt{ font-size:1.1em; display:inline-block; font-weight:400; }

.vision .core_wrap{padding:40px 0 50px; background:url(../img/goal_bg.png) no-repeat center top; background-size:cover !important}

.vision .vision_tit{ text-align:center;}
.vision .vision_tit p.tit{font-size:1.6em; text-align:center; color:#03a5e5}

.vision .vision_tit{position:relative;}
/*.vision .vision_tit:after{content:''; position:absolute; width:1px; height:20px; background:#808080; right:0; left:0; bottom:0; margin:auto}*/
.vision .vision_tit .tit span{color:#17469b}



@media all and (min-width:620px) {
.vision_li li{width:48%; margin:0 1% 30px; float:left;position:relative; overflow:hidden; }
.vision_li li:nth-child(3){clear:both;}
.vision_li dl{min-height:110px}
.vision_li dl dt{margin-bottom:10px; font-size:1.2em}

.vision .core p.txt{font-size:1.5em;}

.vision .vision_tit p.tit{font-size:2em}


}

@media all and (min-width:768px) {
.vision_li li{width:31.33%;}
.vision_li li:nth-child(3){clear:none;}
.vision_li li:nth-child(4){clear:both;}
.vision_li dl dt{ font-size:1.2em}


}

@media all and (min-width:1200px) {
.vision_li li{width:19%; margin:0 0.5%; padding:30px 0px;}
.vision_li li:nth-child(4){clear:none;}
/*.vision_li li:nth-child(even){margin-top:30px}*/
.vision_li dl{min-height:135px}

.vision .core p.txt{}


}

.brk{position:relative; display:inline-block; padding:0 20px}
.brk b{position:relative; z-index:1;}
.brk:after,
.brk:before{content:''; width:30px; height:18px; position:absolute; background-size:cover !important; z-index:0;}
.brk:after{right:0; top:0; background:url("../img/bracket_after.png") no-repeat center center}
.brk:before{left:0; top:0; background:url("../img/bracket_before.png") no-repeat center center}


@media all and (min-width:768px) {
.brk{padding:0 40px}
.brk:after,
.brk:before{width:50px; height:30px;}
}
/*텍스트연혁*/

.historybox .historyline:last-child{border-bottom:1px solid #e6e6e6;}
.historyline{position:relative; clear:both; overflow:hidden}
.historyline:after{content:''; clear:both;}
.historyline h4{text-align:center; font-weight:600; font-size:1.7em; padding:20px; color:#000000}
.historyline .right{position:relative;}
.historyline .total{position:absolute; right:0px; top:-40px; display:inline-block; padding:5px 10px; color:#ffffff; background:#cd1212; font-size:0.8em; border-radius:100px;}
.historyline .total:after{content:''; position:absolute; border-top:10px solid #cd1212; border-left:10px solid rgba(0, 0, 0, 0); border-right:10px solid rgba(0, 0, 0, 0); bottom:-8px; margin-left:-5px; left:50%;}

.historyline dl.his{border-top:1px solid #e6e6e6; padding:30px 0px; overflow:hidden;}
.historyline dl.his dt{text-align:center; font-size:1.6em; font-weight:600; margin-bottom:20px; position:relative; padding-bottom:20px; color:#000000}
.historyline dl.his dt:after{content:''; position:absolute; width:30px; height:1px; background:#505050; right:0; left:0; bottom:0; margin:auto}

.historyline dl.his dd{overflow:hidden}
.historyline dl.his dd .date{color:#000000}
.historyline dl.his dd .date,
.historyline dl.his dd .none{width:60px; float:left; min-height:1px; font-weight:600; letter-spacing:0}
.historyline dl.his dd .txt{float:right; width: calc(100% - 60px);padding-left: 20px;}
.historyline dl.his dd span.point{background:#ffef67; display:inline-block;}
.historyline dl.his dd:last-child{margin-bottom:0px}
.historyline dl.last{border-bottom:1px solid #e6e6e6 !important}

.his_tablist{padding-bottom: 40px;}
.his_tablist .tab{display: flex;flex-wrap: wrap;gap: 2%;justify-content: center;}
.his_tablist .tab dd{background: #e6e6e6;padding: 5px 12px;border-radius: 50px;}
.his_tablist .tab dd.on{background: #005bac;color: #fff;}

@media all and (min-width:550px) {
.his_tablist .tab dd{padding: 6px 20px;}
}

@media all and (min-width:768px) {
.historyline{margin-bottom:0px !important;display: flex;}
.historyline dl.his{border-top:0px; padding-top:0px;}
.historyline h4{text-align:left; /*! float:left; */ /*! width:20%; */ /*! clear:both; */ padding:30px 0px;}
.historyline h4:after{content:''; width:20%; height:1px; background:#e6e6e6; position:absolute; left:0px; top:0px;}
.historyline .right{/*! padding:30px 0; */width: 75%;}
.historyline dl.his{padding:30px 0}
.historyline dl.his dt{font-size:1.4em; line-height:100%; position:relative; color:#000000}
.historyline dl.his dt{/*! float:left; */ clear:both; width:17%; font-weight:600; text-align:left; padding-top: 10px;padding-bottom: 0px;}
.historyline dl.his dt:after{display:none;}
.historyline dl.his dd{/*! float:right; */ width:80%; margin-bottom:5px; overflow:hidden}

	.historybox .left{display: flex;flex-direction: column;width: 20%;margin-right: 5%;}
	.his_tablist .tab{justify-content: start;}
	.his_tablist .tab dd{width:120px; text-align:center; margin-bottom:10px}

}

@media all and (min-width:1200px) {
.historyline h4{/*! width:25%; */ /*! clear:both; */ /*! padding:50px 0px; */ /*! position:relative */}
/*.historyline h4:before{content:''; width:20%; height:1px; right:15%; bottom:0; top: 10px; background:#a7b8da; position:absolute; margin:auto;}*/
.historyline dl.his{/*! padding:50px 0px */}
.historyline dl.his dt{font-size:1.8em; /*! padding:10px 20px; */ /*! max-width:140px; */ /*! text-align:center; */ /*! background:#17469b; */ color:#17469b; border-radius:500px;}
.historyline dl.his dd{margin-bottom:20px; padding-left:20px; position:relative}
.historyline dl.his dd:before{content:''; width:5px; height:5px; border:2px solid #a7b8da; background:#ffffff; border-radius:500px; position:absolute; left:0; top:7px; left:0px;}
/*.historyline dl.his dd:after{content:''; width:1px; height:100%; left:0; background:#969696; position:absolute; top:0; bottom:0;}*/
.historyline dl.his dd .date{position:relative; width:180px; padding-left:35px;}
.historyline dl.his dd .date:before{content:''; width:15px; height:1px; position:absolute; left:0; top:10px; background:#a7b8da}
.historyline dl.his dd .txt{width:calc(100% - 180px);}

.historyline dl.his{border-top:0;}
.historybox .historyline:last-child{border-bottom:0;}
.historyline h4:after{display:none}
.his_tablist .tab dd{width:140px;padding: 8px 35px;}
}



/*CI소개*/
.ci_introduce{position:relative}
.ci_introduce .introdue_top{position:relative; padding:20px 3%; border:10px solid #f7f7f7;}

.ci_introduce .introdue_top .photo{text-align:center; margin-bottom:20px; padding:0 5% }
.ci_introduce .introdue_top .photo img{margin:0 auto; padding:0 15px;}
.ci_introduce .introdue_top .info{}

.ci_introduce .introdue_top:after{content:''; clear:both; display:block;}
.ci_introduce .tit{font-size:1.2em; font-weight:500; padding-bottom:15px; margin-bottom:15px; position:relative;}
.ci_introduce .tit:after{content:''; width:30px; height:2px; display:block; background:#005bac; position:absolute; left:0; bottom:0;}

.ci_box .col-02{position:relative; border:1px solid #e6e6e6; padding:30px 20px; text-align:center; margin-bottom:20px;}
.ci_box .col-02 h5{position:absolute; display:inline-block; padding:5px 10px; color:#ffffff; background:#005bac; background:linear-gradient(45deg, #005bac 0%, #00a0ea  100%); left:10px; top:10px;}
.ci_box .col-02 img{max-width:300px; margin:0 auto;}

.ci_info{position:relative; overflow:hidden;}
.ci_info .col-02{position:relative; overflow:hidden;}
.ci_info .col-02 ul li span{display:block; text-align:center;}
.ci_info .col-02 ul li span.cc{padding:10px 10px; background:#808080; margin-bottom:10px; color:#ffffff}
.ci_info .col-02 ul.type01 li span.color01{background:#00adee}
.ci_info .col-02 ul.type01 li span.color02{background:#0067b3}
.ci_info .col-02 ul.type01 li span.color03{background:#4c5c65}

.ci_info .col-02 ul.type02 li span.color01{background:#c3996b}
.ci_info .col-02 ul.type02 li span.color02{background:#f0e1ca}
.ci_info .col-02 ul.type02 li span.color03{background:#c8c9cb}

.ci_info .col-02 ul li{margin-bottom:5px;}
.ci_info .col-02 ul li:last-child{margin-bottom:0px;}

.ci_info .col-02 dl,
.ci_info .col-02 ul{text-align:center; margin-bottom:20px;}
.ci_info .col-02 ul:last-child,
.ci_info .col-02 dl:last-child{margin-bottom:0px;}

.ci_info .col-02 dl dt{padding:20px; border-radius:20px; background:#f8f8f8; margin-bottom:10px;}
.ci_info .col-02 dl dt img{max-width:250px; width:100%; margin:0 auto}
@media only screen and (min-width: 620px) {

.ci_info .col-02 dl,
.ci_info .col-02 ul{width:48.5%; float:left; margin-right:3%}
.ci_info .col-02 ul:last-child,
.ci_info .col-02 dl:last-child{margin-right:0;}
.ci_info .col-02:after{content:''; display:block; clear:both}

}


@media only screen and (min-width: 768px) {
.ci_introduce .tit{font-size:1.4em;}
.ci_introduce .introdue_top{padding:35px 3%}
.ci_introduce .introdue_top .info{float:left; width:60%; position:relative; z-index:2}
.ci_introduce .introdue_top .photo{float:left; width:40%; z-index:1; margin:0; padding:0;}
.ci_introduce .introdue_top .photo img{width:100%; max-width:350px;}

.ci_box:after{content:''; display:block; clear:both}
.ci_info:after{content:''; display:block; clear:both}

.ci_info .col-02 dl dt{margin-bottom:20px}


}

@media only screen and (min-width: 1200px) {
.ci_introduce .introdue_top{padding:35px 40px;}


}

@media only screen and (min-width: 1400px) {
.ci_introduce .introdue_top{padding:50px 50px;}
}

/*그래프연혁*/
.hisGrap{position:relative;}
.hisGrap h4{text-align:center; position:relative; padding-bottom:60px; color:#000000; font-weight:500; font-size:1.2em}
.hisGrap h4 b{font-size:2em; color:#000000}
.hisGrap h4:after{content:''; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; width:20px; height:20px; border:4px solid #2450ce; border-radius:500px}
.hisGrap h4 span{display:block; position:relative;}

.hisGrap ul{position:relative; padding:20px 0px; text-align:center;}
.hisGrap ul li{background:#ffffff; margin-bottom:10px; position:relative; padding:10px 0px;}
.hisGrap ul li span.date{display:block; font-weight:600;}
.hisGrap ul li span{display:block}
.hisGrap ul li span.txt{margin-bottom:20px; font-family:'Noto Sans KR',sans-serif; color:#505050}
.hisGrap ul li span.txt:last-child{margin-bottom:0px}
.hisGrap ul li span.photo img{max-width:200px;
-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
} 

.hisGrap ul:before{content:''; display:block; width:1px; height:100%; background:#dcdcdc; position:absolute; top:0;  left:0; right:0; margin:auto}
.hisGrap ul:after{content:''; display:block; width:10px; height:10px; background:#2450ce;  position:absolute; bottom:0; left:0; right:0; margin:auto; border-radius:500px}

.hisGrap.his02 h4:before{background:#2450ce}
.hisGrap.his02 ul:after{background:#2450ce}

.hisGrap.his03 h4:before{background:#777e8f}
.hisGrap.his03 ul:after{background:#777e8f}


@media all and (min-width:768px) {
.hisGrap h4{position:relative; padding-bottom:70px; font-size:1.8em}
.hisGrap ul li{background:none; margin-bottom:0;}
.hisGrap ul li span{position:relative; display:block; padding-right:10%}
.hisGrap ul li span.date{padding-top:10px;}
.hisGrap ul li span.date:before{content:''; width:10%; height:1px; background:#dcdcdc; position:absolute; right:0;top:0;}
.hisGrap ul li span.date:after{content:''; width:7px; height:7px; border:3px solid #2450ce; background:#ffffff;  position:absolute; top:-4px; right:10%; border-radius:500px;}


.hisGrap ul .left{text-align:right; margin-right:50%;}
.hisGrap ul .right{text-align:left;}

.hisGrap ul .right{margin-left:50%; }
.hisGrap ul li.right span{padding-right:0; padding-left:10%}
.hisGrap ul li.right span.date:before{right:auto; left:0;}
.hisGrap ul li.right span.date:after{right:auto; left:10%}

.hisGrap.his02 ul li span.date:after{background:#b0cf01}
.hisGrap.his03 ul li span.date:after{background:#777e8f}

.hisGrap ul li span.photo img{max-width:300px;}
}

@media all and (min-width:1200px) {
.hisGrap h4 { font-size:2.3em}

}


/*조직도*/
.organization{text-align:center; position:relative;}
.organization:before{content:''; width:1px;  left:0; right:0; bottom:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc}
.organization .ordep{position:relative; margin-bottom:30px}
.organization .ordep .orhd{display:inline-block; padding:15px 15px; background:#808080; font-weight:400; color:#ffffff; min-width:100px; position:relative; border-radius:0px 20px}
.organization .ordep .orhd span{display:block; font-weight:600; font-size:0.8em}
.organization .or01 .orhd{background:#005bac; background:linear-gradient(45deg, #005bac 0%, #1b2064  100%); padding:15px 30px; font-size:1.2em}
.organization .or02 .orhd{background:#c9a165}
.organization .or02 .orhd2{background:#a0aaab}
.organization .or03 .orhd{background:#0067b3 }
.organization .or04 .orhd{background:#c8c9cb; border-radius:0px}


.organization .or02{position:relative;}
.organization .or02:before{content:''; width:90%; height:1px; left:0; right:0; bottom:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc; max-width:500px}
.organization .or02 .orhd{width:30%; margin-right:15%; max-width:150px}
.organization .or02 .orhd.right{margin:0; margin-left:15%;}

.organization .or03 .orhd{padding:15px 30px; width:100%; max-width:250px}
.organization .or04 .orhd{width:100%; padding:12px 30px}

.organization .or04{overflow:hidden;}
.organization .ordep .ortree{max-width:250px; margin:0 auto; margin-bottom:30px; }
.organization .ordep .ortree:last-child{margin-bottom:0}
.organization .ordep .ortree ul{padding:30px 20px 10px; text-align:left; background:#f7f7f9; border:1px solid #dcdcdc; margin-top:-20px}

@media all and (min-width:768px) {
.organization .ordep .orhd{padding:22px 30px !important; font-size: 1.2em; }
.organization .or01 .orhd{font-size:1.4em}
.organization .ordep{margin-bottom:50px}
.organization .or04{text-align:center; padding-top:50px; position:relative}
.organization .or04:before{content:''; width:67%; height:1px; background:#dcdcdc; top:0px; left:0; right:0; margin:auto; display:block; position:absolute; max-width:calc(606px + 6%);}
.organization .ordep .ortree{width:30%; margin: 0 1.5%; display:inline-block; vertical-align:top; position:relative;}
.organization .ordep .ortree:before{content:''; display:block; width:1px; height:60px; background:#dcdcdc;  left:0; top:-60px; right:0; margin:auto; position:absolute;}
.organization .ordep .ortree ul{text-align:left; padding:35px 25px 15px}
}

@media all and (min-width:1200px) {
.organization .ordep .ortree{max-width:300px;}
.organization .ordep .ortree ul{min-height:200px;}
}


/*오시는길*/

.mapbox{position:relative;}

.root_daum_roughmap { width: 100% !important }
.root_daum_roughmap .cont .section { padding: 20px !important; background: #ffffff; margin: 0 !Important }

.address_info{background:#fafafc; border:1px dashed #d3e1e6; color:#000000; padding:30px 20px; overflow:hidden}
.address_info h4{font-size:1.2em; color:#005bac; font-weight:500; margin-bottom:5px}
.address_info .box{margin-bottom:20px; position:relative; padding-left:80px;}
.address_info .box:before{content:''; width:60px; height:60px; background:#ffffff; border-radius:500px; background-size:50px !important; position:absolute; top:0; bottom:0; left:0px; margin:auto; border:1px solid #e6e6e6}
.address_info .add_txt:before{background:#ffffff url(../img/ic_address.png) no-repeat center center}
.address_info .call_txt:before{background:#ffffff url(../img/ic_call.png) no-repeat center center}
.address_info .link_road a{display:block; background:#005bac; color:#ffffff; line-height:40px; height:40px; border-radius:10px; text-align:center;}

@media all and (min-width:768px) {
.address_info{padding:40px 30px;}
.address_info .box{width:40%; float:left; margin:0; margin-top:10px}
.address_info .link_road{width:20%; float:left; text-align:right;}
.address_info .link_road a{display:inline-block; width:120px; height:80px; border-radius:20px; line-height:80px;}
}

@media all and (min-width:1200px) {
.address_info .box{padding-left:120px;}
.address_info .box:before{left:30px}
.address_info .box.call_txt{border-left:1px dashed #d3e1e6}
}

.transfer_info{position:relative; overflow:hidden;}
.transfer_info p{text-align:right;}
.transfer_info p a{margin-left:5px;}
.transfer_info .btn_link{font-size:0.9em; padding:7px 10px; border-radius:3px}
.transfer_info h5 img{width:25px; margin-right:5px;}

@media all and (min-width:768px) {
.transfer_info h5{float:left;}
.transfer_info h5 img{width:30px; margin-right:3px}
.transfer_info p{float:right;}
}


/*감염병설명*/
.classbox{padding:20px 3%; border:10px solid #f7f7f7}
.classbox h4{font-weight:500; font-size:1.4em; margin-bottom:20px; color:#000000}
.classbox ul li{margin-bottom:3px;}
.classbox ul li:last-child{margin-bottom:0px;}
.classbox ul li b{color:#005bac; margin-right:3px}

@media only screen and (min-width: 768px) {
.classbox h4{font-size:1.6em}
}

@media only screen and (min-width: 1200px) {
.classbox{padding:25px 20px; }
}

/*탭*/
.typebox .typebox{position:relative;}
.typebox ul.tabs {width:100%; overflow:hidden; position:relative;}
.typebox ul.tabs:before{width:100%; height:1px; background:#e0e3e7; position:absolute; bottom:0; left:0; }
.typebox ul.tabs li{display:block;float:left; width:49%; margin:0 0.5% 2px; border-radius:50px; cursor:pointer; background:#f2f2f2; color:#404040; line-height:40px; text-align:center; position:relative; border:1px solid #e0e3e7;}
/*.typebox ul.tabs li:before{content:''; display:block; position:absolute; left:0; right:0; top:-1px; margin:auto; width:100%; height:2px; background:#83d2ff ;}*/
.typebox ul.tabs li:hover{color:#323232; font-weight:500}
.typebox ul.tabs li.current{color:#ffffff; background:#ffffff; font-weight:500; color:#000000; border:0px}
.typebox ul.tabs li.current:before{background:#0aa2f8 ;}
.typebox .tabscontent {padding:30px 0px; width:100%; }

.typebox ul.tabs.short li{max-width:80px; background:#ffffff}

.typebox ul.tabs.list07 li{width:32.33%}
.typebox ul.tabs.list03 li{width:32.33%}

.typebox ul.tabs li.on{color:#000000; background:#ffffff; font-weight:500;}
.typebox ul.tabs li.on:before{background:#0aa2f8 ;}
.typebox ul.tabs li a{display:block;border-radius: 50px;}

 .typebox ul.tabs li.current{background:#005bac; color:#ffffff}


@media only screen and (min-width: 768px) {
.typebox .typebox:before{content:''; width:100%; height:1px; background:#e0e3e7; position:absolute; bottom:0px; left:0; right:0;}
.typebox ul.tabs{text-align:center}
.typebox ul.tabs.list04 li{width:24%}
.typebox ul.tabs.list05 li{width:19%}
.typebox ul.tabs.list06 li{width:15.6%}
.typebox ul.tabs li{font-size:1.1em; margin:0 0.5%; line-height:50px;}
.typebox ul.tabs.list07 li{max-width:91px;margin-bottom: 10px;}
.typebox ul.tabs li.current{/*! border-bottom:1px solid #ffffff; */}

.typebox.type02 .typebox ul.tabs {text-align:left;}
.typebox.type02 .typebox:before{display:none}

}

@media only screen and (min-width: 1024px) {
}

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

}



/*소식지받기*/
.send_email{position:relative; padding:20px 3%; border:10px solid #f7f7f7;}

.send_email .icon{text-align:center; margin-bottom:20px; }
.send_email .icon img{margin:0 auto;  max-width:90px;}
.send_email .info{}

.send_email:after{content:''; clear:both; display:block;}
.send_email .tit{font-size:1.2em; font-weight:500; padding-bottom:15px; margin-bottom:15px; position:relative;}
.send_email .tit:after{content:''; width:30px; height:2px; display:block; background:#005bac; position:absolute; left:0; bottom:0;}

@media all and (min-width:768px) {
.send_email{padding:35px 3%}
.send_email:after{content:''; clear:both; display:block}
.send_email .tit{font-size:1.4em;}
.send_email .icon{width:170px; float:left;}
.send_email .info{width:calc(100% - 170px); float:left;}
}

@media all and (min-width:1200px) {
.send_email{padding:50px 5%}
}



/*소식지*/
.newsletter_top{position:relative; padding:20px 3%; border:10px solid #f7f7f7;}

.newsletter_top .icon{text-align:center; margin-bottom:20px; }
.newsletter_top .info{}

.newsletter_top:after{content:''; clear:both; display:block;}
.newsletter_top .tit{font-size:1.1em; font-weight:500; }
.newsletter_top .icon{width:70px; float:left; margin-bottom:0}
.newsletter_top .info{width:calc(100% - 90px); float:right;}
.newsletter_top:after{content:''; clear:both; display:block}


@media all and (min-width:768px) {
.newsletter_top{padding:35px 3%}
.newsletter_top .icon{width:50px;}
.newsletter_top .info{width:calc(100% - 70px);}


.newsletter_top .tit{font-size:1.2em;}
}

@media all and (min-width:1200px) {
.newsletter_top{padding:35px 40px}
.newsletter_top .icon{width:30px;}
.newsletter_top .info{width:calc(100% - 50px);}
}


/*사이트맵*/
.sitemap{position:relative; overflow:hidden;}
.sitemap dl{position:relative; padding-bottom:10px; margin-bottom:20px; background:#fafafc; border-bottom:1px dashed #d3e1e6}
.sitemap dl dt{background:#005bac; background:linear-gradient(45deg, #005bac 0%, #00a0ea 100%); padding:7px 10px; font-size:1.2em; color:#ffffff; text-align:center; margin-bottom:10px}
.sitemap dl dd{line-height:25px; padding-left:15px;}

@media all and (min-width:640px) {
.sitemap dl{width:48%; float:left; margin:0 1% 20px; }
.sitemap dl:nth-child(odd){clear:both}
}

@media all and (min-width:840px) {
.sitemap dl{width:31.33%;}
.sitemap dl:nth-child(odd){clear:none}
.sitemap dl dt{padding:10px 15px}
}

@media all and (min-width:1400px) {
.sitemap dl{width:15.66%; margin:0 0.5%}

}

/*법정감염병부분 펼치기 접기*/
.showbox{background:#03a5e5; color:#ffffff; line-height:20px; height:20px; border-color:#03a5e5; border-radius:500px; font-size:11px; display:inline-block; vertical-align:middle; margin-left:5px; padding:0 5px; }
.showbox_detail{background:#f9fdfe; padding:5px 0px }


/*교육신청 안내글자*/
.text_2025{right: 0;color: #005bac;font-weight: 400; margin-bottom: 20px;}
.text_2025 p{}
.typebox.mb{margin-bottom:20px !important;}

@media all and (min-width:700px) {
.text_2025{position:absolute; margin-bottom: 0; padding-right: 20px;}
.typebox.mb{margin-bottom:30px !important;}
}



/*뷰박스대여신청 달력 범례관련(영하)*/
.cal_legend{margin-top:20px;margin-bottom:10px;font-size:18px;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;}
.cal_legend .lg_item{display:inline-flex;align-items:center;gap:8px;margin-right:0;}
.cal_legend .dot{width:14px;height:14px;border-radius:50%;display:inline-block;}
.cal_legend .one{background:#b4e000;}
.cal_legend .two{background:#2f9e8f;}
.cal_legend .three{background:#0b57a4;}
.cal_legend .full{background:#bdbdbd;}
.dal_tag.one a{background:#b4e000;color:#fff;}
.dal_tag.two a{background:#2f9e8f;color:#fff;}
.dal_tag.three a{background:#0b57a4;color:#fff;}
.dal_tag.full a{background:#bdbdbd;color:#fff;}
.cal_legend a.litebox{display:inline-block;padding:2px 6px;border-radius:5px;background:#ff9521;color:#fff;font-weight:600;font-size:0.9em;margin-left:auto;float:none;}

@media (max-width:768px){
	.cal_legend{font-size:16px;gap:8px 12px;}
	.cal_legend a.litebox{width:100%;margin-left:0;text-align:center;}
}