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


	body,form,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{
		font: µ¸¿ò,À±°íµñ,Dotum,verdana,sans-seif;
		margin:0px;
		padding:0px;
		color:#555;
		font-size:9pt;
		line-height:1.6em;
	}
	table{border-collapse:collapse;border-spacing:0;}
	em,cite,address,dfn,var{font-style:normal;}
	dl,ul,ol{list-style:none;}
	img{border:0;}
	li{margin-left:10px;color:#666;}
	body{position:relative;text-align:center;margin:0 auto;} 

	a:link{text-decoration:none;font-size:8pt; color:#484747;}
	a:visited{text-decoration:none;font-size:8pt; color:#484747;}
	a:hover{text-decoration:underline; font-size:8pt; color:#ff6600;}


	#main{margin:0 auto;width:1024px;height:667;background:url("/image/bg.jpg") repeat-x;}
	#head{width:1024px; height:128px; margin:0 auto;}
	#close{width:1024px; height:21px; margin:0 auto; text-align:right;}
	#content{text-align:left;width:715px;height:400; margin:0 10 0 0;}
	/*¸ÞÀÎ*/
		

	/*¼­ºê*/
	#sub_main{margin:0 auto;width:1024px;height:667;background:url("/image/sub_bg.jpg") repeat-x;}
		.title{width:300; height:23px; padding:0 0 0 0;}
		.adress{text-align:right; width:300; height:23px; font-size:8pt;}
		.adr{font-weight:bold;#color:333;}
		
		
	/*¿¬ÇõÁ¤ÀÇ*/
	.history_td{padding-left:10px;}


#header { position: relative; width: 950px; height: 95px; background: url(/image/header_bg.jpg) left top no-repeat; z-index: 190; margin: 0 auto; box-sizing: border-box; }
#header .hd_inner { box-sizing: border-box; }

#logo { position: absolute; left: 0; top: 25px; z-index: 210; box-sizing: border-box; }
#logo a { display: block; }

#hd_util { position: absolute; right: 30px; top: 0; height: 24px; z-index: 210; box-sizing: border-box; }
#hd_util a { display: inline-block; font-family: 'Roboto', sans-serif; font-size: 9px; font-weight: 500; color: #b9b9b9; margin: 0 5px; height: 24px; line-height: 24px; text-decoration: none; }
#hd_util a:hover { color: #2b65aa; }


/* GNB */ 
#gnb * { padding: 0; margin: 0; box-sizing: border-box; }
#gnb ul { list-style: none; margin: 0; padding: 0; }
#gnb { position: relative; width: 678px; height: 74px; margin-left: 272px; padding-top: 28px; z-index: 200; box-sizing: border-box; }
#gnb .gnbMenu { position: relative; display: inline-block; width: 100%; height: 44px; z-index: 155; letter-spacing: 0; }
#gnb .gnbMenu .oneDh { position: relative; float: left; width: 131px; height: 44px; margin: 0; text-align: center; z-index: 3; }
#gnb .gnbMenu .oneDh > a { position: relative; display: block; text-align: center; color: #000; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; line-height: 46px; height: 46px; text-decoration: none; 
    -ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#gnb .gnbMenu .oneDh > a span { display: block; 
    -ms-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
    transition: all 0.1s;
}
#gnb .gnbMenu .oneDh > a .en { position: absolute; left: 0; top: 0; width: 100%; font-family: 'Roboto', sans-serif; font-size: 8px; height: 12px; line-height: 12px; text-transform: uppercase; color: #82b2e0; }
#gnb .gnbMenu .oneDh > a .kr { height: 46px; line-height: 46px; }
#gnb .gnbMenu .oneDh > a:hover, #gnb .gnbMenu .oneDh > a.on { color: #2b65aa; }
#gnb .gnbMenu .oneDh > a:after { position: absolute; top: 15px; right: 0; content: ''; width: 1; height: 14px; background: #ddd; }
#gnb .gnbMenu .oneDh.m5 > a:after { display: none; }

#gnb .gnbMenu .twoDh { display: none; position: absolute; top: 46px; height: 32px; text-align: left; padding: 0 24px; background: #2a65a9; border-radius: 8px; z-index: 200; }
#gnb .gnbMenu .twoDh.on { display: block; }
#gnb .gnbMenu .twoDh li { position: relative; display: inline-block; margin-left: 0; margin-right: 1px; z-index: 200; }
#gnb .gnbMenu .twoDh li:last-child { margin-right: 0; }
#gnb .gnbMenu .twoDh a { display: block; text-align: left; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 500; padding: 0 8px; height: 32px; line-height: 32px; color: #fff; text-decoration: none;
    -ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#gnb .gnbMenu .twoDh a:hover, #gnb .gnbMenu .twoDh a:focus { color: #ef8f00; }

#gnb .gnbMenu .oneDh.m1 .twoDh { width: 458px; }
#gnb .gnbMenu .oneDh.m2 .twoDh { width: 348px; }
#gnb .gnbMenu .oneDh.m3 .twoDh { width: 0; }
#gnb .gnbMenu .oneDh.m4 .twoDh { width: 0; }
#gnb .gnbMenu .oneDh.m5 .twoDh { left: -248px; width: 365px; }


.svi_sc1 { position: relative; width: 242px; height: 226px; z-index: 10; }


/* MAIN VISUAL */
.mvi_wrap * { padding: 0; margin: 0; box-sizing: border-box; }
.mvi_wrap ul { list-style: none; margin: 0; padding: 0; }
.mvi_wrap li { padding: 0; margin: 0; }
.mvi_wrap { position: relative; width: 980px; height: 369px; background: url(../image/mvi_bg.png) left top no-repeat; overflow: hidden; box-sizing: border-box; }
.mvi_wrap .bx-wrapper { position: absolute; left: 568px; top: 25px; width: 300px; height: 288px; overflow: hidden; }
.mvi_wrap .bx-viewport { background: transparent !important; }

.mvi_wrap #bx-pager-thumb { position: absolute; left: 32px; top: 164px; width: 320px; overflow: hidden; }
.mvi_wrap #bx-pager-thumb li { float: left; width: 74px; height: 74px;margin-left: 6px; margin-bottom: 6px; }
.mvi_wrap #bx-pager-thumb li a { position: relative; display: block; width: 74px; height: 74px; border: 1px solid #ddd; background: #fff; transition: all 0.3s; border-radius: 8px; overflow: hidden; }
.mvi_wrap #bx-pager-thumb li a:hover,
.mvi_wrap #bx-pager-thumb li a.active { border: 1px solid #ef8f00; background: #ef8f00; }

.mvi_wrap #bx-pager { position: absolute; left: 60px; bottom: 72px; }
.mvi_wrap #bx-pager a { display: inline-block; width: 8px; height: 8px; background: rgba(255,255,255,0.5); margin-right: 4px; border-radius: 8px; 
    -ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.mvi_wrap #bx-pager a.active { width: 24px; background: #2bbdef; }


.svi { position: relative; width: 708px; height: 122px; background-repeat: no-repeat; background-position: left top; }

.svi.sbg1 { background-image: url(../image/svi_bg1.png); }
.svi.sbg2 { background-image: url(../image/svi_bg2.png); }
.svi.sbg3 { background-image: url(../image/svi_bg3.png); }
.svi.sbg4 { background-image: url(../image/svi_bg4.png); }
.svi.sbg5 { background-image: url(../image/svi_bg5.png); }