@charset "euc-kr";
@import url('base.css');
@import url('sub.css');

/* main intro */
.intro_wrap {max-width: 100%; height: 100vh; background: url(../images/intro_bg.png) no-repeat center / cover;}
.intro_wrap figure {margin: 0; padding: 0 0 50px 0;}
.intro_wrap .introCont {padding: 10vw 55vw 0;}
.intro_wrap .bennerBox {width: 25vw;}
.intro_wrap .bennerBox ul li {margin: 0 0 50px 0;}
.intro_wrap .bennerBox ul li:hover a figure {transform: translateX(20px);}
.intro_wrap .bennerBox ul li:hover a {background: #0f0fa0; }
.intro_wrap .bennerBox ul li:last-child {margin: 0;}
.intro_wrap .bennerBox ul li a {display: flex; justify-content: space-between; align-items: center; padding: 50px; border-radius: 30px; background: #664bff; transition: all 0.3s ease-in-out;}
.intro_wrap .bennerBox ul li a p {font-size: 28px; color: #ffffff;}
.intro_wrap .bennerBox ul li a figure {padding: 0; transition: all 0.5s ease-in-out;}
.intro_wrap .bennerBox ul li a figure img {width: 100%;}

@media all and (max-width:1400px){
	.intro_wrap .bennerBox {width: 35vw;}
	.intro_wrap .bennerBox ul li a p {font-size: 2vw;}
	.intro_wrap .bennerBox ul li a figure {width: 5vw;}
}

@media all and (max-width:768px){
    .intro_wrap {background: url(../images/intro_bg_m.png) no-repeat center / cover;}
    .intro_wrap figure {text-align: center;}
    .intro_wrap .bennerBox {width: 100%;}
    .intro_wrap .introCont {padding: 20vw 10vw;}
	.intro_wrap .bennerBox ul li {margin: 0 0 3vw 0;}
	.intro_wrap .bennerBox ul li a {padding: 10vw 5vw; border-radius: 20px; background: #2929ff;}
	.intro_wrap .bennerBox ul li a p {font-size: 5vw;}
	.intro_wrap .bennerBox ul li a figure {width: 10vw;}
}

/* Layout Selector */
#wrapbody{margin:0 auto; padding:0px; min-width:1280px; background: url("/common/images/top_bg.gif") no-repeat top center;}
#wrap{margin:0 auto; padding:0px; width:1280px;}
#header{margin:0 auto; padding:0px; position:relative;}
#container{margin:0 auto; padding:0px; margin-top:20px; margin-bottom:30px;}

#footerbody{margin:0 auto; padding:0px; min-width:1280px; background:#404040; /*background: url("/common/images/footer_bg.gif") repeat-x;*/ }
#footer{margin:0 auto; padding:0px; margin-top:50px; width:1680px; height:130px; }

.box{padding:0; }
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}


/* Header */

.unb_top{float:right; padding-top:7px; margin-right:40px; height:23px; line-height:50px;}
.unb_top li{float:left; margin:0px 20px 0px 0px;}

.unb_top2{float:left; padding-top:7px; margin-right:40px; height:23px; line-height:50px;}
.unb_top2 li{float:left; margin:0px 20px 0px 0px;}

.top_c{display: flex; justify-content: space-between; align-items: center; width:1280px; height: 84px; padding: 30px 0 0 0;}
/* .top_c .telc{float:left; margin-top:20px}
.top_c .sns{float:right; margin-top:23px; margin-right:-22px;}
.top_c ul li{float:left; margin:0 6px 0 0; font-size:15px; color:#545454; font-weight:bold; line-height:30px;} */
.top_c ul li > a.on{font-size:15px; color:#545454; font-weight:bold;}

.logo_top{padding: 0 0 0 350px;}
.top_c .textBox {display: flex; align-items: center; justify-content: center; width: 130px; height: 50px; margin: 0; background: #ffffff; border: 2px solid #2929ff; border-radius: 50px;}
.top_c .textBox p {font-size: 20px; font-weight: 700; color: #2929ff;}
.top_c .sns ul{display: flex; justify-content: space-between;}

.gnb{margin-top:0px; height:70px;}


/* gnb */
#gnb { float:right;width:1280px; margin-top:0px; }
	#gnb li {float:left; display:inline; width:182px; overflow:hidden;}
	#gnb li.menu {height:70px; width:100%}
	#gnb li.menu > a {float:left; width:182px; text-align:center; background:#; overflow:hidden; font-size:17px; font-family:NanumGothicB; color:#fff; letter-spacing:-1px; display:block; margin:32px 0 0px 0; }
	#gnb li.menu > a.on {color:#fff;}

	/* gnb_sub */
	#gnb .gnb_sub {width:100%; position:absolute; border-top:4px solid #f2cc1d; border-bottom:1px solid #069; left:0; top:174px; display:none; z-index:2;}
	#gnb .gnb_sub .inner {background:#fff; padding-top:12px;}
	#gnb .gnb_sub_menu {float:right; margin:0 auto; text-align:center;}
	#gnb .gnb_sub_menu.menu1 li {width:182px; height:300px; border-right:1px solid #f2f2f2; float:left; display:inline;}

	#gnb .gnb_sub_menu li dd {margin-bottom:1px;}
	#gnb .gnb_sub_menu li dd:last-child {margin-bottom:0;}
	#gnb .gnb_sub_menu li dd a {color:#131313; padding:8px 0; display:inline-block; width:100%; font-size:13px; font-family:'Nanum Gothic', 'NanumGothic'; }
	#gnb .gnb_sub_menu li dd a:hover { background:#215698; color:#fff; }


/* Main Contents */
.main_visual{margin-top:10px; margin-bottom:355px; }

/*.main_left{float:left; width:305px; height:295px; border-top:40px solid #19419c; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}*/
.main_left{float:left; width:305px; height:334px; border:1px solid #e1e1e1;}





/* Top Login Form */
/*#topLogin{position:absolute;top:150px;left:20;width:305px;height:30px;overflow:hidden;z-index:200  }*/
/*.login_top{position:absolute; width:300px; height:35px; margin-top:-20px; margin-left:0px;}*/

.login_top{position:absolute; height:35px; margin-top:-32.5px; margin-left:0px; padding:0 0 0 42px;}
.login_top:after{display:block; content:''; clear:both;}
.login_top div{float:left; width:100px; background:#fff; text-align:center;}
.login_top div:first-child{margin-right:20px;}
.login_top div a{display:block; width:100%; padding:5px 0;}

.s01{color:#fff;}

.middle{max-width: 300px; width:300px; float:left; margin-left:5px; margin-top:5px;}

.middle .callBox{float:left; padding-top:5px;}
/*.middle .callBox{float:left; padding-left:20px; padding-top:30px;width:100px; height:90px; background:url('../images/bg_call.jpg') top center no-repeat;} 210721 ????BSK ???? ????*/

.middle .callBox h2{font-size:18px;color:#383838; letter-spacing:-0.05em; font-weight:bold;}
.middle .callBox h1{font-size:14px;color:#383838; letter-spacing:-0.05em; font-weight:bold;}
.middle .callBox_r span{font-size:16px;color:#2749a2; letter-spacing:-0.05em; font-weight:bold; }
.middle .callBox_r p{font-size:16px;color:#383838; letter-spacing:-0.05em; font-weight:bold; margin-top:5px;}
.middle .callBox h4{margin-top:10px;font-size:28px;color:#001c31; letter-spacing:-0.05em; font-weight:900;}

.middle .callBox_r{float:right; padding-top:25px;width:180px; height:90px; margin-bottom:40px; }
.middle .ac_r{float:right; padding-top:40px;width:180px; height:90px; }

.middle .callBox_b{border-bottom:1px solid #e1e1e1; width:275px; height:143px;}

.telc_wrap {max-width: 290px; width: 100%;}
.telc_wrap img {width: 100%;}



.middle2{width:300px; float:left; margin-left:10px; margin-top:5px;}
.middle2 .ac{float:left; padding-left:20px; padding-top:0px;width:100px; height:130px; }
.middle2 .ac h2{font-size:18px;color:#383838; letter-spacing:-0.05em; font-weight:bold;}
.middle2 .ac h1{font-size:14px;color:#383838; letter-spacing:-0.05em; font-weight:bold;}
.middle2 .ac_r span{font-size:13px;color:#2749a2; letter-spacing:-0.05em; font-weight:bold;}
.middle2 .ac_r p{font-size:12px;color:#383838; letter-spacing:-0.05em; font-weight:bold; margin-top:5px;}
.middle2 .ac h4{margin-top:10px;font-size:28px;color:#001c31; letter-spacing:-0.05em; font-weight:900;}


.middle2{width:300px; float:left; padding: 0 15px; margin:15px 0 10px;}
.middle2 .ac2{padding-top:0px; width:100%;}
.middle2 .ac2 h2{font-size:18px;color:#383838; letter-spacing:-0.05em; font-weight:bold;}
.middle2 .ac2 h1{padding: 20px 0 30px 0; margin-bottom: 10px; font-size:30px; border-bottom: 1px solid #d9d9d9; color:#111; letter-spacing:-0.05em; font-weight:bold; margin-top:10px; text-align: center;}
.middle2 .ac2_r span{font-size:13px;color:#2749a2; letter-spacing:-0.05em; font-weight:bold;}
.middle2 .ac2_r p{font-size:12px;color:#383838; letter-spacing:-0.05em; font-weight:bold; margin-top:5px;}
.middle2 .ac2 h4{margin-top:10px;font-size:28px;color:#001c31; letter-spacing:-0.05em; font-weight:900;}

.middle2 .ac2 .flexBox {display: flex; align-items: center; padding: 0 0 30px 0;}
.middle2 .ac2 .flexBox h4 {margin-right: 30px;}
.middle2 .ac2 .flexBox p {font-size: 18px; font-weight: 600; line-height: 1.5; color: #111;}


.middle .callBox_r2 span{font-size:14px;color:#2749a2; letter-spacing:-0.05em; font-weight:bold; }
.middle .callBox_r2 p{font-size:14px;color:#383838; letter-spacing:0.02em; font-weight:bold; margin-top:5px;}
.middle .callBox_r2 p.tel{font-size:17px; color:#000; font-weight:800; letter-spacing:-0.5px;}
.middle .callBox_r2{float:right; padding-top:30px;width:180px; height:90px; margin-bottom:40px; }
.middle .ac_r2{float:right; padding-top:40px;width:180px; height:90px; }


/* .middle2 .ac_r2{padding-top:10px;} */
/* .middle2 .ac_r2 span{font-size:14px;color:#2749a2; letter-spacing:-0.05em; font-weight:bold;} */
.middle2 .ac_r2 {text-align: center;}
.middle2 .ac_r2 figure {width: 100px; margin: 0 auto;}
.middle2 .ac_r2 figure img {width: 100%;}
.middle2 .ac_r2 p{padding: 5px 0; font-size:16px;color:#383838; letter-spacing:0.02em; font-weight:bold; margin-top:5px;}
.middle2 .ac_r2 p.tel{font-size:17px; color:#000; font-weight:800; letter-spacing:-0.5px; line-height: 1.4;}
.middle .callBox_b2{border-bottom:1px solid #e1e1e1; width:295px; height:155px; margin-bottom:5px;}



.board_con{line-height:30px; }
.board_con img{margin-top:13px;}



/* ????????? ???? */
.comb {border-top:1px solid #d4d5d6; border-left:1px solid #d4d5d6; border-right:1px solid #b2b2b2;  border-bottom:1px solid #b2b2b2; background:#fff; }
.comb>h1 {font-size:16px; line-height:50px; height:50px; padding-left:15px; color:#1e469e; font-weight:bold; }
.comb>h2 {font-size:16px; line-height:50px; height:50px; padding-left:15px; color:#1f479f; font-weight:bold; }


.newsBox {width:305px; margin-left:10px; height:220px; float:left; margin-top:12px; border-top:2px solid #1f479f; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.qnaBox {width:305px; margin-left:10px;  height:220px; float:left; margin-top:12px; border-top:2px solid #1f479f; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.mp3Box {width:305px; height:220px; float:left; margin-top:12px; border-top:2px solid #1f479f; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.rvBox {width:305px; margin-left:10px;  height:220px; float:left; margin-top:12px; border-top:2px solid #1f479f; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.bskBox {width:305px; height:275px; float:left; margin-top:15px; border-top:2px solid #585858; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.bsk2Box {width:305px; height:275px; margin-left:10px;  float:left; margin-top:15px; border-top:2px solid #e3413f; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.bsk2Box h2{width:305px; height:50px; margin-left:0px;  float:left; margin-top:20px; }

.bsk22Box {text-align:center; width:305px; height:275px; margin-left:10px;  float:left; margin-top:15px; border-top:2px solid #585858; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.bsk22Box h2{width:305px; height:50px; margin-left:-20px;  float:left; margin-top:0px; }

.bsk3Box {text-align:center; width:305px; height:275px; margin-left:10px;  float:left; margin-top:15px; border-top:2px solid #585858; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.bsk3Box h1{text-align:center; margin-left:-20px;}

.bsk3_2Box {position: absolute; width:305px; height:70px; margin-left:634px;  float:left; margin-top:431px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.bsk3_2Box>img {margin-top:10px; margin-left:50px;}

/*.listWrap {padding:10px;}*/
.listWrap tr td {font-size:13px; height:30px;}
.listWrap tr td a {font-size:13px;}

.listWrap2 {margin-top:-10px;}
.listWrap2 tr td {font-size:12px; height:10px;}
.listWrap2 tr td a {font-size:12px;}
.listWrap2 .m04cc{font-size:11px; line-height:19px; color:#333; margin-left:15px; }

.listWrap3 { margin-left:80px; margin-top:0px;}
.listWrap3 .m04cc{font-size:12px; line-height:21px; color:#333; margin-left:20px;}

.listWrap33 { margin-left:11px;}


/* ???? ????? ?*/
.bsk4Box {width:305px; height:275px; margin-left:10px;  float:left; margin-top:15px; border-top:2px solid #585858; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}

.listWrap5 {padding:10px;  margin-top:-45px; } 
.listWrap5 tr td {font-size:12px; height:25px; }
.listWrap5 tr td .t_line{height:13px; }
.listWrap5 tr td a {font-size:12px; }
.txt_b{color:#1e46b7;}
.listWrap6 {padding:-0px;  margin-top:5px; } 

.test13_table{ }
.test13_table th{background:#404040;  color:#fff; height:30px; font-size:13px; border-bottom:1px solid #d2d2d2; line-height:22px; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.test13_table td{height:40px; font-size:13px; padding-left:0px; border-bottom:1px solid #d2d2d2; }
.test13_table .r01{height:25px; font-size:11px; border-bottom:1px solid #d2d2d2;  border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2;  text-align:center; color:#000; background:#fff;}
.test13_table .r02{height:25px; font-size:11px; border-bottom:1px solid #d2d2d2;  border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:center; color:#0000ff; background:#fff;}
.test13_table .r03{height:25px; font-size:11px; border-bottom:1px solid #d2d2d2;  border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:center; color:#ff0000; background:#fff;}
.test13_table .r04{height:25px; font-size:11px; border-bottom:1px solid #d2d2d2;  border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:center; color:#000; background:#F9F09F;}




/* Quick */
#gotop {
    width:122px;
	position: absolute;
	margin-top:130px;
	margin-left:1280px;}
.quick_menu .banner{width:122px; height:243px;}
.quick_menu .banner ul{padding-top:5px; padding-left:13px; padding-bottom:12px; background:#f04d4b;}
.quick_menu .banner ul li{margin:5px 0 0 0; }


/* Left Menu */
.snb{float:left; margin-left:2px; width:220px; background:#ffffff;}
.snb h2{width:220px; height:55px; text-align:center; /*padding-top:33px;*/ background:url('/common/images/snb_bg.gif') no-repeat; font-size:21px; color:#111111; line-height:50px; font-weight:bold;}
.snb .leftArea{ padding-bottom:15px; border-top:3px solid #444444; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.snb .leftArea ul{margin-top:15px;}
.snb .leftArea li{/*width:188px;*/width: 100%; height:39px; background:url('/common/images/snb_off.gif') no-repeat; padding-left:30px; padding-top:12px; text-align:justify; color:#424242;}
.snb .leftArea ul li a{font-weight:bold; font-size:14px; height:15px; display:block;}
.snb .leftArea>li>a:hover{color:#2a2a2a; text-decoration:none; font-family:NanumGothicB;}
.snb .leftArea #on {/*width:188px;*/width: 100%; height:39px; background:url('/common/images/snb_on.gif') no-repeat !important; padding-left:30px !important; padding-top:12px !important; text-align:justify !important;
font-size:14px; color:#fff;}
.snb .leftArea #on a{color:#fff; font-size:14px; }
.snb .leftArea>li>a:link, .snb .leftArea>li>a:visited, .snb .leftArea>li>a:active {color:#fff; text-decoration:none;}


/* Footer */
.footer_copyright{margin-top:13px; margin-left:0px; text-align:center; font-size:12px;}
.footer_copyright .address{float:left; margin-top:29px;  line-height:19px; color:#fff;}
.footer_copyright .address .ad_c{color:#76bdff;}
.footer_copyright .address .copy{font-size:11px; line-height:19px; line-height:30px; color:#a3a3a3;}
.footer_copyright .address .copy .ad_c2{color:#fff;}

.footer_copyright .kb{float:left; margin-top:30px; margin-right:20px; margin-left:100px;}
.footer_copyright .support_logo{float:right; margin-top:30px; margin-right:120px;}

/* Aside */
.aside{}
.spot{}
.search{}





/* ??????��? */
.text_sub .map{margin-top:8px; border-top:2px solid #a7a7a7; border-bottom:1px solid #a7a7a7;}
.text_sub .map th{background:#eef1f5; border-right:1px solid #e2e2e2; color:#4e4e4e; font-weight:bold;}
.text_sub .map td{padding-left:15px; color:#444444;}





/* main rolling */

#s_container {
	float:right;
	width:940px;
	height:335px;
	padding:0px;
	margin-right:21px;
	position:relative;
	z-index:0;
	border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
}

#slides .next {
	position:absolute;
	top:145px;
	right:3px;
	width:32px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .prev {
	position:absolute;
	top:145px;
	left:0px;
	width:32px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:940px;
	height:335px;
	overflow:hidden;
	position:relative;
	z-index:100;
}

.pagination {	
	position:absolute;
    float : left;
	margin: -30px 0px 0px 400px;
	width:200px;
	z-index:999;
}

.pagination li {
	float : left;
	z-index:505;
	margin: 0px 7px;
}

.pagination li a {
	text-indent:9999px;
	display:block;
	width:14px;
	height:14px;
	padding-top:0px;
	background-image:url(/common/images/pagination.png);
	background-position:0 0;
	
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -14px;	
}