@charset "UTF-8";
* {}
/*reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, button, input, select, textarea {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: top;
}
button,input {border-radius: 0}
fieldset,img {border: 0}
ol,ul {list-style: none}
address,em {font-style: normal}
a {text-decoration: none; color:inherit; }
iframe {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block;}
h1,h2,h3,h4,h5,h6 {font-weight: normal}
.blind {position: absolute;overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 1px;height: 1px}
button {cursor:pointer;}
button, input, select {vertical-align: middle;}

/*테이블 칸 여백빼기, 선합치기*/
table {border-spacing: 0; border-collapse:collapse;}

ol,ul,li,a {list-style:none; text-decoration:none;}
/*스킵네비게이션*/
#accessibilityLink {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999999;
}
#accessibilityLink a {
    position: absolute;
    left: 0;
    top: -9999px;
    background: #333;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    width: 100%;
}
#accessibilityLink a:focus, #accessibilityLink a:active { 
    top: 0; 
}

/*영문단어 중단점을 음절로 처리,주로 모바일에서 사용*/
body {
    word-break: break-all;
/*    아이폰사파리에서 뷰포트크기 변경시 텍스트확대 방지*/
    -webkit-text-size-adjust:none;
}


/*공통스타일*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,0.3);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,0.3);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,0.3);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,0.3);
}


	
	body {
        background: #fff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color:#000;
        margin: 0;
        padding: 0;
		overflow-x: hidden;
    }
	a{text-decoration:none;}
	
	.top-visual{position:relative; top:30px;}
	

	.swiper3{padding-top:170px; }
	
	ul, li {list-style-type:none;margin:0;padding:0;}
	.tabs > li { width: 100%; }
    .tabs > li > a { color: #a0a0a0; padding: 15px 0 14px 0; display: block; background: #0E5665; text-align: center; text-decoration: none; font-size: 12px; line-height: 14px;  }
	.tabs > li.active > a { border-bottom: 0px solid #baa696; color: #111; background:#fff; }
	

	.swiper-container-2 { padding: 0px 0; overflow: hidden; }
	.swiper-container-2 .swiper-slide { background:#fff;  padding: 0px 10px; font-size: 20px; box-sizing: border-box; width:100%;}
	
	.swiper-container-2 .swiper-slide #sub-title .line{ padding:23px 0px;   }
    .swiper-container-2 .swiper-slide #sub-title h1{ font-size:28px; letter-spacing:-2px; font-weight:400; line-height:20%; padding-top:25px; }
	.swiper-container-2 .swiper-slide #sub-title .sub-txt{font-size: 10px; font-weight: 400; color: #747474;letter-spacing: -0.2px; margin-top:-10px; }
    #qq{position:relative; background-color:#f7f5f5;} 
	
	#ff{ position:fixed; bottom:-3px; z-index:100;}
	
	
	table.title-box{ font-size:6px; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
		border-collapse: separate; font-weight:300;
		border-spacing: 0;
		text-align: left;
		line-height: 1.5;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	  margin : 0px 0px 10px;
	  margin-top:30px;
	}
	table.title-box th {
		padding: 5px 17px 5px 17px;
		font-weight: 400;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #eee;
	}
	table.title-box td a{color:#333;}
	table.title-box td { text-decoration:none; 
	
		padding: 5px 13px 0px 12px;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}	


	#sub {width:100%;margin:0 auto; position:relative; text-align:center;  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:400;}
	.sub-page { padding: 20px; margin-top: -20px;}



	#sub li {padding:0px; width:100%; height:40px; margin:0 auto; list-style:none; font-size:9px;color:#343434; box-sizing: border-box;}
	/**#sub li A {text-decoration:none; color:#444;}**/
	#sub h1 { text-align:left} 
	#sub li a{color:#333;}
	#sub .sub-select {background:#012e58; height:40px;line-height:40px; vertical-align:middle; border:none; border-bottom:1px solid #012e58; border-top:1px solid #012e58}
	#sub .sub-select a{color:#FFFFFF;}




	.select {
	display: block;
    color: #999;
    width: 165px;
    padding: 1% 3%;
    font-family: inherit;
    background: url(../img/arar.png) no-repeat 95% 50%;
    border: 1px solid #555;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 10%;
    right: 5%;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;


}