@charset "utf-8";
/* CSS Document */
#wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/*서브*/
#container {
}
/*서브비주얼*/
#svisual_wrap {
	height: 160px;
	width: 100%;
	margin: 0;
	display:none;
}
#svisual_wrap.sub01 {
	background: #f0fdff url("../images/common/subVisual_01.png") no-repeat scroll center center;
}
#svisual_wrap.sub02, #svisual_wrap.sub07, #svisual_wrap.sub08 {
	background: #f0fdff url("../images/common/subVisual_02.png") no-repeat scroll center center;
}
#svisual_wrap.sub03 {
	background: #f0fdff url("../images/common/subVisual_03.png") no-repeat scroll center center;
}
#svisual_wrap.sub04 {
	background: #f0fdff url("../images/common/subVisual_04.png") no-repeat scroll center center;
}
#svisual_wrap.sub05 {
	background: #f0fdff url("../images/common/subVisual_05.png") no-repeat scroll center center;
}
 #svisual_wrap.sub06 {
	background: #f0fdff url("../images/common/subVisual_06.png") no-repeat scroll center center;
}
#svisual_wrap h2 {
    color: #000000;
    margin: 0;
    padding: 45px 0 0 0;
    text-align: center;
    font-size: 22pt;
    letter-spacing: -0.5pt;
    line-height: 40px;
    font-weight:bold;
}
#svisual_wrap h2 span {
	font-size: 14pt;
	color: #8c8c8c;
	display: block;
}
/*콘텐츠영영*/
#contents {
	background-color: #ffffff;
	overflow: hidden;
	width: 100%;
}
#navigator {
	width: 100%;
	height: 50px;
	background-color: #005cb3;
	overflow: hidden;
}
#navigator ul {
	width: 1280px;
	margin: 0 auto;
	padding: 0;
	font-size: 11pt;
}
#navigator ul li {
	float: left;
	padding: 10px 15px 10px;
	background: url("../images/common/icon2.png") no-repeat -58px -623px;	
	color: #fff;
}
#navigator ul li a {
	color: #FFF;
}
#navigator ul li:first-child {
	padding: 0;
	background: url("../images/common/icon2.png") no-repeat 22px -623px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
}
#navigator ul li:last-child {
    font-size: 9.6pt;
    padding: 14px 15px 10px 18px;
}
#navigator ul li:first-child a {
	width: 60px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}
#navigator ul li:nth-child(2) {
	background: none;
}
#content_wrap {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
#Cont {
	width: auto;
	font-size: 12.4pt;
	overflow: hidden;
	padding: 50px;
}

#Cont > h3, form > h3, .cts > h3 {
	font-size: 1.6em;
	letter-spacing: -1pt;
	margin-bottom: 30px;
	color:#000;
}

#Cont > h3, .cts > h3{
	position:relative;
	padding-top: 18px;
	font-family: "coreDream5", "Noto Sans KR", "sans-serif"; 
	font-weight:bold;
	font-size: 1.7em;
	letter-spacing: -0.01em;
}
#Cont > h3:before, .cts > h3:before{
	content:'';
	position:absolute;
	left: 0;
    top: 3px;
    border-top: 1px solid;
    width: 40px;
}

#Cont > h4, form > h4,  .cts h4 {
    color: #000;
    font-weight:700;
    font-size: 1.5em;
    /*line-height: 26px;*/
    margin: 40px 0 20px;
    letter-spacing: -1pt;
    font-family: "coreDream5", "Noto Sans KR", "sans-serif";
	padding-left: 20px;
}
#Cont > h4::before, form > h4::before, .cts h4 {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 4px solid #003fb3;
    border-radius: 100%;
    box-sizing: border-box;
    margin: 0 6px 0 -20px;
}
#Cont > h4 > em.info {
    float: right;
    font-size: 11pt;
    line-height: 26px;
	color: #888;
}
#Cont > h4 > em.info01 {
    font-size: 11pt;
    line-height: 26px;
	color: #005cb3;
	padding-left: 6px;
}
#Cont > p {
    line-height: 22px;
	font-size: 0.9em;
}
#Cont > h5, .cts h5 {
    color: #003fb3;
    font-size: 24px;
    margin: 30px 0 10px;
    letter-spacing: -1pt;
    font-weight:700;
    font-family: "Noto Sans KR", "sans-serif";
    /*padding-left: 20px; */
}

.conBox .cts h5{margin:0 0 10px 0; }
/*
#Cont > h5::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border: 3px solid #42c3bf;
    border-radius: 100%;
    box-sizing: border-box;
    margin: 0 6px 5px -20px;
}
*/

.fc-65{color:#656565 !important;}

.dotStyle{
	color: #656565;
    font-size: 16px;
    margin:0 0 18px 0;
}

.dotStyle li{
    position: relative;
    padding-left: 10px;
    line-height: 1.3;
    margin-bottom:7px;
}

.dotStyle li:last-child{
	margin-bottom:0;
}

.dotStyle li::before {
    content: "";
    width: 4px;
    height: 4px;
    background:#fba81a;
	position: absolute;
    left: 0;
    top: 7px;
}

.dotStyle li > span {
	width: 70px;
    display: inline-block;
    color: #005cb3;
}

.dotStyle li > b{
	font-weight:400;
	color:#000;
}

.dotStyle li > em  {
	margin-bottom:5px;
}

.dotStyle.greenDot li::before{background: #05c3a7;}
.dotStyle.skyblueDot li::before{background: #06a0fe;}

.cts .dotStyle{margin:0;}
.cts .dotStyle li:last-child{
	margin-bottom:0;
}

.overflowTable .dotStyle{margin:0 !important;}

.numberStyle li{
	position:relative;
	padding-left:28px;
}

.numberStyle li > span{
	left: 0;
    top: 2px;
    position:absolute;
    background:#bdbdc9;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
}

@media (max-width: 768px){
	#Cont > h5, .cts h5{font-size: 21px;}
	.dotStyle li, .numberStyle li{font-size: 14px;}
	.dotStyle li::before{width:3px; height:3px; top:8px;}
}

/*--------------------------------------------------------------------------------------------*/
/* 하단배너 */
#mbanner {
	border-top: 1px solid #dcdcdc;
	margin:0 0 0 0;
	/* margin: 50px 0 0 0; */
	overflow: hidden;
}
#mbanner .grap {
	float: left;
	height: 60px;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 1000px;
}
#mbanner .grap .obj {
	position: relative;
	width: 10000px;
}
#mbanner .grap .obj .item {
	float: left;
	margin-right: 30px;
	text-align: center;
}
#mbanner .grap .obj .item a {
	display: block;
}
#mbanner .control {
	margin: 7px auto 0;
	float: right;
}
#mbanner .control::after {
	clear: both;
	content: "";
	display: block;
}
#mbanner .control [data-type] {
	background: rgba(0, 0, 0, 0) url(http://damoa.sejong.go.kr/images/damoa/main/icon_control_banner.gif) no-repeat scroll 0 0;
	float: left;
	height: 46px;
	margin-left: -1px;
	width: 45px;
}
#mbanner .control [data-type]:first-child {
	margin-left: 0;
}
#mbanner .control [data-type="play"] {
	background-position: -134px 0;
	display: none;
	width: 46px;
}
#mbanner .control [data-type="stop"] {
	background-position: -45px 0;
	width: 46px;
}
#mbanner .control [data-type="prev"] {
	background-position: 0 0;
}
#mbanner .control [data-type="next"] {
	background-position: -90px 0;
}
#mbanner .doc-layout {
	width: 1200px;
	margin: 10px auto;
	padding: 0;
}
#mbanner .doc-layout:after {
	content: "";
	display: block;
	clear: both
}
#mbanner .go-ir {
	overflow: hidden;
	font-size: 0;
}
#mbanner .go-ir:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}
/********************************************************************************************************************/
/* @media(max-width:1250px) */
@media (max-width: 1250px) {
html {
	font-size: 15px;
}
#header #gnb {
	width: 100%;
	margin: 0 auto;
}
#mbanner .doc-layout {
	width: 960px;
}
#mbanner .grap {
	max-width: 810px;
}
}
/* Tablet Device */
/********************************************************************************************************************/
/* @media(max-width:1000px) */
@media (max-width: 1000px) {
html {
	font-size: 15px;
}
#Cont {
	padding: 30px 30px 60px;
	margin: 0 auto;
}

#Cont > h4, form > h4 {
	font-size: 22px;
}

#Cont > h5 {
	font-size: 21px;
	}

#mbanner {
	display: none;
}
#svisual_wrap {
    background-position: center top;
    background-size: 390%;
}
}
/* Mobile Device */
/********************************************************************************************************************/
/* @media(max-width:414px) */
@media(max-width:414px) {
#navigator ul li:first-child a {
    display: none;
}
#svisual_wrap.sub01, #svisual_wrap.sub02, #svisual_wrap.sub03, #svisual_wrap.sub04, #svisual_wrap.sub05, #svisual_wrap.sub06 {
    background: #f0fdff url("../images/common/subVisual.png") no-repeat 71.0% top;
}
#Cont > h3 {
    font-size: 18px;
}
#Cont > h4 {
    font-size: 20px;
}
}
/********************************************************************************************************************/
/* @media(min-width:320px) and (max-width:390px) */
@media(min-width:320px) and (max-width:390px) {
#svisual_wrap h2 span {
   letter-spacing: -1px;
}
#navigator ul li {
    padding: 10px 10px 10px;
}
#navigator ul li:nth-child(2) a {
    padding: 10px 5px 10px 15px;
    font-size: 15px;
    letter-spacing: -2px;
}
#navigator ul li:first-child {
    background-position: 17px -622px;
}
#navigator ul li:last-child {
    padding: 13px 0 0 16px;
    font-size: 12px;
    letter-spacing: -2px;
}
}
/********************************************************************************************************************/
/* @media (max-width: 320px) */
@media (max-width: 320px) {
#header h1 a {
	background-position: 40px 0;
	height: 60px;
	background-size: 100%;
}
#Cont > h3 {
    font-size: 17pt;
    letter-spacing: -2pt;
}
#Cont > h4 > em.info {
    display: block;
	margin-top: 6px;
}
#navigator ul li:nth-child(2) a {
    padding: 10px 5px 10px 5px;
    font-size: 13px;
    letter-spacing: -2px;
}
#navigator ul li:last-child {
    padding: 14px 0 0 16px;
    font-size: 8.6pt;
    letter-spacing: -2px;
}
}


/* 관계사 로고배너 */
.f-baaner-wr{background:#f0f3f5; padding:20px 0; position:relative;}
#f-banner{width:84%;}
#f-banner .img{width:183px; height:67px;}
#f-banner img{border:1px solid #d2d2d2;}
.f-baaner-wr .nav{float: right;  z-index: 1; background: #fff; padding: 19px 0px; border: 1px solid #d2d2d2; height:66px;}
.f-baaner-wr .nav > span {color: #666; padding:0 25px;}
.f-baaner-wr .nav > span.stop{/*font-size:10px; padding-top:4px;*/}
a.f-banner-anchor:focus{
	outline-offset:-2px; 
}
/* 반응형 - 관계사 로고배너 */
@media all and (max-width:1240px) {
    #f-banner{width:80%; margin:0 auto; margin-left:110px;}
    .f-baaner-wr .nav{float:left; background:none; border:none; height:auto; padding: 12px 0px;}
    .f-baaner-wr .nav > span{padding: 10px;}
    .f-baaner-wr .nav > span.prev{position:absolute; left:0;}
    .f-baaner-wr .nav > span.stop{display:none;}
    .f-baaner-wr .nav > span.next{position:absolute; right:0;}
}

@media all and (max-width:800px) {
    #f-banner {}
    .f-baaner-wr{padding: 10px 0;}
    #f-banner .img {width:auto; height:auto; width:100%; margin: 0 auto; }
    #f-banner img {max-width:60%;}
    .f-baaner-wr .nav > span.prev{position:absolute; left:0; top:20px;}
    .f-baaner-wr .nav > span.next{position:absolute; right:0; top:20px;}

}

@media all and (max-width:600px) {
    #f-banner{margin-left:68px;}
    .f-baaner-wr .nav > span.prev{top:10px;}
    .f-baaner-wr .nav > span.next{top:10px;}
    #f-banner img {max-width:80%;}
}

@media all and (max-width:430px) {
    #f-banner {margin-left:35px;}
    #f-banner img {max-width:100%;}
}
      
@media all and (max-width:280px) {
    #f-banner {margin-left: 28px;}
}