@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/all_bg.gif) repeat-x; 
}
a:link, a:visited, a:active { text-decoration:none; }

table { border-collapse: collapse;  border: 0;  padding: 0; }
td{ font-family: "verdana","돋음"; font-size: 12px; color: #686868; line-height: 28px; letter-spacing: -0.5px; }




.box{ border:1px solid #d7d7d7; background-color:#ffffff;}
.line {border-right:3px solid #dddddd;border-left:3px solid #dddddd;border-bottom:3px solid #dddddd; padding-right:20px;}

/*메인 메뉴 DIV*/
#menu{position:absolute; margin-right:auto; top:175px; margin-left:10px; z-index:1;}
#quick{position:absolute; margin-right:auto; margin-top:240px; margin-left:0px; z-index:2;}






/* 메뉴 수정 */

li,ul{list-style:none;}
	.clearfix,.clearfix:after,.clearfix:before{content:''; display: block; clear: both;} 
	
	.menu{position:absolute; margin-right:auto; top:42px; z-index:1; width: 670px; margin-left: -10px; height: 60px;}
	.menu ul.Depth1{padding-top: 7px;}
	.menu ul.Depth1 > li{position:relative; float: left; width: 25%; text-align:center; cursor:pointer; z-index: 100;  line-height:1; padding-bottom: 23px;}
	.menu ul.Depth1 > li a{display: inline-block; color:#1a1a1a; font:bold 18px 'Noto Sans KR', sans-serif; transition:all .5s ease; letter-spacing:-0.5px;  line-height:1;}
	.menu ul.Depth1 > li:hover a{color:#2372aa;}
	.menu ul.Depth1 li div.menu_in{position: absolute; left: 0; bottom: -37px; width: 670px; height: 36px; overflow:hidden; transition:all .5s ease;}
	.menu ul.Depth1 li div.menu_in ul{position: relative; margin-top:-30px; padding-left: 0; transition:all .5s ease; z-index: 2;}
	/*.menu ul.Depth1 li div.menu_in ul:before{content:''; display: block; position: absolute; left: 0; bottom:2px; width: 670px; height: 37px; 
	background:url('../images/topbg_sub.jpg') no-repeat 350px 100%; z-index: -1;}*/
	.menu ul.Depth1 li div.menu_in ul li{float: left; margin-right: 10px; height: 36px; text-align:center; cursor:pointer; line-height:1;}
	.menu ul.Depth1 li div.menu_in ul li a{display: inline-block; color:#fff; padding: 10px 0; font:500 13px 'Noto Sans KR', sans-serif; text-align:center; line-height:1;}
	.menu ul.Depth1 li div.menu_in ul li a:hover{color:#1a1a1a; transition:all .5s ease;}


	.menu ul.Depth1 li div.one{left: 48px;}
	.menu ul.Depth1 li div.two{left: 48px;}
	.menu ul.Depth1 li div.four{left:10px;}

	.menu ul.Depth1 li:hover div.one ul{margin-top: 0;}
	.menu ul.Depth1 li:hover div.two ul{margin-top: 0;}
	.menu ul.Depth1 li:hover div.four ul{margin-top: 0;}

	.menu ul.Depth1 > li a.on + .menu_in ul{margin-top: 0;}
	.menu ul.Depth1 > li a.on{color:#2372aa;}
	.menu ul.Depth1 li div.menu_in ul li a.on{color:#1a1a1a;}




/* 왼쪽 서브메뉴 수정 */


.sub_m ul{padding:0;}
.sub_m ul li{list-style:none; width: 100%; cursor:pointer; height: 38px; position:relative;} 
.sub_m ul li:after{content:''; width: 100%; height: 0.9px; background-color: #d0d0d0; position: absolute; left: 0; bottom:0;} 
.sub_m ul li a{display: block; color:#7f7f7f; font:700 14px/38px 'Noto Sans KR', sans-serif; height: 38px; letter-spacing:-0.5px; padding-left: 24px; background-color: #fff; transition:all .3s;} 
.sub_m ul li:hover a{color:#fff; background-color: #6ab4e3;} 
.sub_m ul li a.on{color:#fff; background-color: #6ab4e3;} 












/* css로 이미지 + 문자 롤오버 맞들기 */
.show { border-width:0px; display:inline; }
.hide { border-width:0px; display:inline; display:none; }
.roll_over:hover { position:relative; }
.roll_over:hover .show { display:none; }
.roll_over:hover .hide { display:inline; }


/*패딩*/
.pL10 {padding-left:10px;}
.pL31 {padding-left:31px;}
.pL7 {padding-left:7px;}
.pL40 {padding-left:40px;}
.pL15 {padding-left:15px;}
.pL25 {padding-left:25px;}
.pR10 {padding-right:10px;}
.pR30 {padding-right:10px;}
.pT20 {padding-top:20px;}
.pB35 {padding-bottom:35px;}


img { border:0 }



/** New Home - SELECT  **/
select{behavior: url('/lib/selectbox.htc');}
#formstyle .select {padding-top:5px;}
#formstyle .sel1 {width: 150px; font-size:8pt; font-family:돋움;}
#formstyle .sel2 {width: 50px; font-size:8pt; font-family:돋움;}
#formstyle .select1 {font-size:8pt; font-family:돋움; color:#4d4d4d; border: 1px solid #cdc8c0; height:18; padding-left:3;}

#formstyle .title1 {font-size:8pt; font-family:"돋움"; color:#b4b4b4;letter-spacing : -0.8px; line-height:140%; padding-left:5;} 
#formstyle .title2 {font-size:8pt; font-family:"돋움"; color:#8200d3;letter-spacing : -0.8px; line-height:140%; padding-left:5;}

#formstyle .text1  {font-size:8pt; font-family:"돋움"; color:#999999;letter-spacing : -1px; line-height:200%;}
#formstyle .text2  {font-size:8pt; font-family:"돋움"; color:#fa3823;letter-spacing : -1px; line-height:200%;}
#formstyle .text3  {font-size:8pt; font-family:"돋움"; color:#666666;letter-spacing : -1px; line-height:200%;}
#formstyle .text4  {font-size:8pt; font-family:"돋움"; color:#999999;letter-spacing : -1px; line-height:200%;}
#formstyle .text5  {font-size:8pt; font-family:"돋움"; color:#999999;letter-spacing : -1px; line-height:160%;}
#formstyle .text6  {font-size:8pt; font-family:"돋움"; color:#999999;letter-spacing : -1px; line-height:160%;}
#formstyle .text7  {font-size:8pt; font-family:"돋움"; color:#999999;letter-spacing : -0.8px; line-height:160%;} 
#formstyle .text8  {font-size:8pt; font-family:"돋움"; color:#999999;letter-spacing : -0.8px; line-height:160%;}
#formstyle .text9  {font-size:8pt; font-family:"돋움"; color:#999999;letter-spacing : -1px; line-height:200%;}
#formstyle .textb  {font-size:12pt; font-family:"arial"; color:#999999;letter-spacing : -0.8px; line-height:140%; font-weight:bold;}

#formstyle .td3 {font-size:8pt; font-family:"돋움"; color:#b0aba0;letter-spacing : -1px; font-weight:bold; padding-left:18px; height:25px;}

/** New Home -  INPUT  **/
#formstyle .input30 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:30px;}
#formstyle .input50 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:50px;}
#formstyle .input80 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:80px;}
#formstyle .input100 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:100px;}
#formstyle .input150 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:150px;}
#formstyle .input200 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:200px;}
#formstyle .input250 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:250px;}
#formstyle .input300 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:300px;}
#formstyle .input350 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:350px;}
#formstyle .input400 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:400px;}
#formstyle .input450 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:450px;}
#formstyle .input500 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:500px;}
#formstyle .input550 {font-size:9pt; font-family:"tahoma", "돋움"; color:#999999; border: 1px solid #cccccc; height:21; width:550px;}



/** 201211-비쥬얼 스크립트 **/
/* Start-슬릭기본 */
	.slick-slider{position: relative;display: block;box-sizing: border-box;
			-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
				touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
	.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;  width:100%;}
	.slick-slide{display: none;float: left; width:100%; }
	.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */

#visual div, #visual ul, #visual li, #visual img{margin:0; padding:0; outline:none; }
#visual{width:1020px; height:430px; overflow:hidden; position:relative; }
	#visual .v_txt{position:Absolute; right:30px; top:108px; z-index:500;}
	#visual .vtxtArea{position:Absolute; right:30px; top:108px; z-index:500; }
			#visual .vtxtArea img{display:block; position:Relative; left:0}
			#visual .vtxtArea .txt01{animation-name:v_txt01; animation-duration:1.6s;  animation-timing-function:linear; opacity:1;}
				@keyframes v_txt01 {
					 0% { opacity:0; left:-100px}
					 50% { opacity:1; left:0; }
				}
			#visual .vtxtArea .txt02{margin:23px 0 18px;animation-name:v_txt02; animation-duration:1.6s;  animation-timing-function:linear; opacity:1;}
				@keyframes v_txt02 {
					 0% { opacity:0; left:-100px}
					 20% { opacity:0; left:-100px}
					 70% { opacity:1; left:0; }
				}
			#visual .vtxtArea .txt03{animation-name:v_txt03; animation-duration:1.6s;  animation-timing-function:linear; opacity:1;}
				@keyframes v_txt03 {
					 0% { opacity:0; left:-100px}
					 40% { opacity:0; left:-100px}
					 90% { opacity:1; left:0; }
				}
	#visual .slick-dots{position:Absolute; right:30px; top:317px; }
	#visual .slick-dots ul{list-style:none; font-size:0; }
	#visual .slick-dots li{list-style:none; display:inline-block; margin:0 0 0 5px; border:3px solid #cccccc; cursor:pointer; transition:all 0.2s ease;}
	#visual .slick-dots li:hover, #visual .slick-dots li.slick-active{border-color:#999999; transition:all 0.2s ease;}