@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

   /* 초기화 */
    
        * { margin: 0; padding: 0; }
		body, input, textarea {font-family:'Nanum Gothic','NanumGothic','나눔고딕','돋움', Dotum, AppleSDGothicNeo,AppleGothic,Droid Sans; font-size:80%; color:#4c4d4f;line-height: 1.6; }
		input, select, textarea { vertical-align: middle;}
		input[type=text] {height:23px; border:solid #d2d2d2 1px; background:#ffffff;}
		input[type=password] {height:23px; border:solid #d2d2d2 1px; background:#ffffff;}
		input[type=file] {height:20px; border:solid #d2d2d2 1px; background:#ffffff;}
		input[type=radio] {margin-top:-2px;}
		select {font-size:12px; line-height:21px; color:#535353; font-Family:NanumGothic,돋움,Dotum,AppleGothic,sans-serif;}
		textarea {padding:5px; border:solid #cccccc 1px; overflow:auto; line-height:16px;}
		a {color: #535353; text-decoration:none;}
		   li { list-style: none; }
		img {border:0; vertical-align:middle;}
		ul, ol {list-style: none;}
		hr {display:none;}
		#fixed { position:fixed; height:0px; } 

		/* 패딩 */
.Pt20 {padding-top:20px;}
.Pb10 {padding-bottom:10px;}
.Pb20 {padding-bottom:20px;}
.Pl15 {padding-left:15px;}
.Pl20 {padding-left:20px;}
.Pl100 {padding-left:100px;}
    
    /* 헤더 */
    
        #header {
            /* 배경 지정 */
            height: 80px;
            background: url('../img/header_background.png');
			
            
            /* 자손 위치 지정 */
            position: relative;
            text-align: center;
            line-height: 45px;
        }
        #header > h1 {
            color: white; }
		#header .logo{position: relative; margin:0 auto; width:194px; padding-top:12px;}
       
        #header > a, #header > label {
            display: block;
            height: 32px;
            position: absolute;
        }
        #header > a.left {
            width: 47px;
			height: 15px;
            left: 25px; top: 35px;
        }
        #header > label.right {
            width: 29px;
			height: 15px;
            right: 25px; top: 35px;
        }
    
    /* 스프라이트 이미지 */
    
        #header > a.left {
            background: url('../img/sprites.png');
            background-position: 0px 0px;
            text-indent: -99999px ;
			padding-top:12px;
        }
        #header > label.right {
            background: url('../img/sprites.png');
            background-position: 0px -27px;
            text-indent: -99999px;
        }
    
    /* 토글 목록 */
    
        /* 토글 구현 */
        #toggle { display: none; }
        #toggle + #wrap > #toggle_gnb_wrap { display: none; }
        #toggle:checked + #wrap > #toggle_gnb_wrap { display: block; }

        /* 레이아웃 색상 */
        #toggle_gnb_wrap {
            background: #363636;
            padding: 0;
        }
        #toggle_gnb {
            background: #FFFFFF;
            padding: 5px;
        }

       
    
    
	/* 메뉴 전체보기 */
#toggle_gnb{ width:100%; font-size:0.9em;letter-spacing:-1px; background:#fff;overflow:hidden; position:absolute; left:0px; top:80px; background:#fff; z-index:100; border-bottom:2px #85c9f5 solid }
#toggle_gnb ul{ overflow:hidden; padding:1%; }
#toggle_gnb ul li{ float:left; margin:10px 0; width:33% }
#toggle_gnb ul li dl{ border:1px #c8d0d9 solid; margin:0 5px; height:150px; overflow:hidden; border-radius:3px; -moz-border-radius:5px; -webkit-border-radius:5px }
#toggle_gnb ul li dl dt{ background:#c8d0d9; color:9ad500;  padding-left:10px; height:20px; padding:10px 5px; overflow:hidden }
#toggle_gnb ul li dl dd{ padding:10px }
#toggle_gnb ul li dl dd ul{ width:100% }
#toggle_gnb ul li dl dd ul li{ margin:0px; font-size:0.9em; width:100%; border-top:1px #dad9d7 dashed; clear:left; display:block; float:none }
#toggle_gnb ul li dl dd ul li:first-child{ border-top:none }
#toggle_gnb ul li dl dd ul li a{ height:30px; line-height:30px; display:block;  }

#toggle_gnb ul li.shot{ float:left; margin:10px 0; width:33% }
#toggle_gnb ul li.shot dl{ border:1px #c8d0d9 solid; margin:0 5px; height:210px; overflow:hidden; border-radius:3px; -moz-border-radius:5px; -webkit-border-radius:5px }
#toggle_gnb ul li.shot dl dt{ background:#c8d0d9; color:9ad500;  padding-left:10px; height:20px; padding:10px 5px; overflow:hidden }
#toggle_gnb ul li.shot dl dd{ padding:10px }
#toggle_gnb ul li.shot dl dd ul{ width:100% }
#toggle_gnb ul li.shot dl dd ul li{ margin:0px; font-size:0.9em; width:100%; border-top:1px #dad9d7 dashed; clear:left; display:block; float:none }
#toggle_gnb ul li.shot dl dd ul li:first-child{ border-top:none }
#toggle_gnb ul li.shot dl dd ul li a{ height:30px; line-height:30px; display:block;  }

	  /* 네비게이션(1) */
    
        #top_gnb {
            display: table;
            width: 100%;
			background: #009ddf;
        }
        #top_gnb > div {
            display: table-cell;
            position: relative;
        }
        #top_gnb > div > a {
            display: block;
            height: 35px;
            line-height: 35px;
            text-align: center;
			font-weight:bold;
			color:white;
        }
        #top_gnb > div > a::before {
            display: block;
            position: absolute;
            top: 9px; left: -1px;
            width: 1px; height: 15px;
            border-left: 1px solid white;
            content: '';
        }
    
    
    /* 네비게이션(2) */
    
        #bottom_gnb {
			display: flex;
			gap:5px;
            overflow: hidden;
            width: 100%;
			height: 38px;
        }
 /*        #bottom_gnb > div {
            display: table-cell;
            position: relative;
        } */

		       #bottom_gnb > div {
            display: flex;		
			gap:5px;
            position: relative;
            flex-direction: row;
            align-items: center;
        }
        #bottom_gnb > div > a {
			float: left; 
            height: 35px;
            line-height: 35px;
			font-weight:bold;
            text-align: center;
			padding:0 10px;
			color:#8a8b8c;
			letter-spacing:-1px; 
        }
        #bottom_gnb > div > a::before {
            display: block;
            position: absolute;
            top: 9px; left: -1px;
            width: 1px; height: 15px;
            border-left: 1px solid #c4c4c4;
            content: '';
        }
    
    /* 본문 */
		#section { padding: 10px; }
        #section_header { padding-bottom: 5px; }
		#section_header h2{ color: #006dba ; }
        #section_article { padding-top: 5px; }
		.pic{  display: block;
				position: relative;  }
		.dotTxt{background:url('/mobile/img/icon_thrD_dot.gif') no-repeat 0 4px; font-size:15px; letter-spacing:-0.5px; color:#444; font-weight:bold; padding-left:20px; position:relative}
		.circleTxt{font-size:17px; font-weight:bold; color:#003543; margin-bottom:5px;}
		.small{font-size:11px;}
		.picbo{border:solid #cccccc 2px;padding:10px;}
		.map{border:solid #cccccc 2px;}

.box-radius {
   padding: 5px 0 5px 20px;
   background:#0062a8;
   border-radius: 15px;
   color:#fff;
   font-size:15px;
   font-weight:bold;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -o-border-radius: 15px;
}

.box-radius2 {
   padding: 5px 0 5px 20px;
   background:#5078b4;
   border-radius: 15px;
   color:#fff;
   font-size:15px;
   font-weight:bold;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -o-border-radius: 15px;
}


.main_img{position: relative; width: 100%; overflow: hidden;}
.banner{position: relative; width: 100%;overflow: hidden;background:url(/mobile/img/mainmenubg.png) 0px 0px; font-size:11px;border-top: 3px solid #85c9f5;}
	.banner .but24{float: left; width: 24.7%; text-align: center; border-bottom: 1px solid #4b79a4;height:120px; }
	.banner .but24 img{margin-top:25px;height:45px;}
	.banner .but24 p{color:white;padding-top: 5px;font-weight: bold;font-size:100%;}
	.banner .but25{float: left; width: 24.7%; text-align: center; border-right: 1px solid #4b79a4;border-bottom: 1px solid #4b79a4;height:120px; }
	.banner .but25 img{margin-top:25px;height:45px;}
	.banner .but25 p{color:white;padding-top: 5px;font-weight: bold;font-size:100%;}
	.banner .but26{float: left; width: 25%; border:0 solid #d5d5d5;text-align: center;  }
	.banner .but26 p{color:white;padding:5px 5px 0;font-weight: bold;}
	.banner .but26 .stxt{font-size:10px; }
	.banner .but26 .btxt{font-size:18px;letter-spacing: -1px; }

  /*슬라이드 몸통 */

.slide{text-align:center; position:relative; width:100%; padding-bottom: 70%; height:0px; margin: 0 auto; display: block; }
.slide_ul{display: block;}
.slide_ul>li{position:absolute; top:0; left:0; width:100%; height:100%; list-style:none;z-index:10; display: block;}
.slide_ul>li img{}
li{list-style: none;}
.show{display:block;}

/* 하단 동그라미 버튼 CSS*/
.slide_btn>li{float: left; margin:0 5px 5px 0;}
.slide_btn>li>a{display:block; width: 14px; height:14px; background: url(/mobile/img/dot.png) 0px 0px; text-indent: -999em; }
.slide_btn>li>a.active{background: url(/mobile/img/dot_on.png) 0px 0px;}
.slide_btn{z-index:90; position:absolute; left: 50%; bottom:0; margin-left:-15px; }
.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}


/* 테이블 */
.skyp th {background:#0054a6; padding:5px; border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; color:#ffffff; text-align:center;}
.skyp td {padding:5px; border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; text-align:center; color:#333333;}
.skyp .gray {background:#f0f0f0;}
.skyp .sky1 {background:#e4f3f6;}
.skyp .sky2 {background:#e1edee;}
.skyp .text1 {color:#3f52ab; font-weight:bold;}

/* FAQ */
.faq{border-bottom:1px solid #ddd;margin:1em 0}
.faq .faqHeader{position:relative;zoom:1}
.faq .faqHeader .showAll{position:absolute;bottom:0;right:0;border:0;padding:0;overflow:visible;background:none;cursor:pointer}
.faq .faqBody{margin:0;padding:0}
.faq .faqBody .article{list-style:none}
.faq .q{margin:0;border-top:1px solid #ddd}
.faq .q a{display:block;padding:.5em 1em;text-align:left;font-weight:bold;background:#fafafa;color:#000;text-decoration:none !important}
.faq .q a:hover, .faq .q a:active, .faq .q a:focus{background:#f8f8f8}
.faq .a{margin:0;padding:1em;line-height:1.5}

 /* 푸터 */    
#footer {padding: 10px;border-top: 3px solid #85c9f5;text-align: left;overflow: hidden;}
#footer p {float: left;padding: 8px 0 8px 5px;font-weight: bold;line-height: 1.5;letter-spacing: -1px;}
#footer copy {font-size:7px;}
#footer .social {float: right;padding: 10px 5px 10px 0;}
#footer .social li {float: left;overflow: hidden;margin-left: 3px;}
.pc_btn{display: flex;align-content: center;justify-content: center;padding: 5px;font-weight: bold;background-color: antiquewhite;font-size: 20px;border: 2px solid #111;border-radius: 38px}