form{margin:0}
img{border:0}
td,body{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#515151; font-size:12px; line-height:150%; onfocus=this.blur();}

A:link { color:#666666; text-decoration:none;}
A:visited { color:#666666; text-decoration:none;}
A:hover { color:#fe8402; text-decoration:none;}

A.1:link { color:#FFFFFF; text-decoration:none;}
A.1:visited { color:#666666; text-decoration:none;}
A.1:hover { color:#666666; text-decoration:none;}

A.2:link { color:#B2FFFF; text-decoration:none;}
A.2:visited { color:#B2FFFF; text-decoration:none;}
A.2:hover { color:#ffffff; text-decoration:none;}


body {scrollbar-face-color:#DEDEDE;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#DFDFDF;
	scrollbar-shadow-color:#CFCFCF;
	scrollbar-darkshadow-color:#BFBFBF;
	scrollbar-track-color:EFEFEF;
	scrollbar-arrow-color:7F7F7F;
}

.bluebox {
	border-top-color: #647BBF;
	border-right-color: #A1A8E0;
	border-bottom-color: #A1A8E0;
	border-left-color: #647BBF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #EDEEF9;
}

.orangebox {
	border-top-color: #FF9966;
	border-right-color: #FFE789;
	border-bottom-color: #FFE789;
	border-left-color: #FF9966;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFFEF6;
}

.02_link{font-size:12px; color:#937050; line-height:150%; font-weight:bold; onfocus=this.blur();}
.02_link a:link {color: #937050; text-decoration:none;}
.02_link a:visited {color: #937050; text-decoration:none; }
.02_link a:active {color: #3B73B; text-decoration:underline; }
.02_link a:hover {color: #937050; text-decoration: underline; }

.txt_link{font-size:12px; color:#91897F; line-height:150%; onfocus=this.blur();}
.txt_link a:link {color: #91897F; text-decoration:none;}
.txt_link a:visited {color: #91897F; text-decoration:none }
.txt_link a:active {color: #3B73B; text-decoration:underline; }
.txt_link a:hover {color: #91897F; text-decoration: underline; }

.txt_2{font-size:12px; color:#6D92BF; line-height:150%; font-weight:bold; onfocus=this.blur();}
.txt_2 a:link {color:#6D92BF; text-decoration:none;}
.txt_2 a:visited {color: #3B73B; text-decoration:none}
.txt_2 a:active {color: #3B73B; text-decoration:underline; }
.txt_2 a:hover {font-size:12px;color: #6D92BF; text-decoration: underline}

.txt_notice{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#575757; font-size:12px; line-height:120%; onfocus=this.blur();}
.txt_notice2{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#5CBF28; font-size:12px; line-height:120%; onfocus=this.blur();}
.txt01{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#515151; font-size:12px; line-height:120%; onfocus=this.blur();}
.txt02{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#FF0000; font-size:12px; line-height:120%; onfocus=this.blur();}
.txt03{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#515151; font-size:12px; line-height:180%; onfocus=this.blur();}
.txt04{color:2A5FCA;font-weight:bold;}

.txtp1{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#999999; font-size:11px; line-height:120%; font-weight:bold; onfocus=this.blur();}
.txtf1{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#39A6BD; font-size:12px; line-height:120%; font-weight:bold; onfocus=this.blur();}
.txtc1{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#5882D7; font-size:12px; line-height:120%; font-weight:bold; onfocus=this.blur();}
.text1 {BACKGROUND-COLOR: #F7F7F7; BORDER-BOTTOM: #D7D7D7 1px solid; BORDER-LEFT: #D7D7D7 1px solid; BORDER-RIGHT: #D7D7D7 1px solid; BORDER-TOP: #D7D7D7 1px solid; HEIGHT: 16px}
.brand {font-size:10pt; font-family:Noto Sans KR; color:#303030; line-height:14pt}
.brand2 {font-size:10pt; font-family:Noto Sans KR; color:#505050; line-height:14pt}
.loard {font-size:8pt; font-family:Noto Sans KR; color:#8A8989; line-height:14pt}
.loard a:link {color:#8A8989;font-family:Noto Sans KR; text-decoration:none;}
.loard a:visited {color: #8A8989;font-family:Noto Sans KR; text-decoration:none}
.loard a:hover {color: #8A8989;font-family:Noto Sans KR; text-decoration: none}

.text4 {font-size:10px;color:#666666; line-height:10pt}
.text4 a:link {font-size:11px;color:#666666; text-decoration:none;}
.text4 a:visited {font-size:11px;color: #666666; text-decoration:none}
.text4 a:hover {font-size:11px;color: #666666; text-decoration: underline}
TD.tdtitle	{padding-top: 3px; font-family: "Dotum", "Verdana", "Tahoma", "Helvetica"; font-size: 9pt; line-height: 12pt; color: #666666}
TD.tdtitle2	{padding-top: 0px; font-family: "Dotum", "Gulim","Tahoma"; font-size: 8pt; line-height: 13pt; color: #666666}
TD.tdtitle3	{padding-top: 4px; font-family: "Dotum", "Gulim" ; font-size: 8pt; line-height: 11pt; color: #666666}
TD.tdtitle4	{padding-top: 3px; font-family: "Dotum", "Verdana", "Tahoma", "Helvetica"; font-size: 9pt; line-height: 14pt; color: #666666}
td.w4 { padding-top:3;padding-bottom:4;padding-left:8;}

.textbox2 {background-color:White; border:1 solid #D9D8D3; font-size:9pt; height:20px;}
.textbox {background-color:White; border:1 solid #969696; font-size:9pt; height:20px;}
.textbox3 {background-color:#F7F3F7; border:1 solid #969696; font-size:9pt; height:20px;}
.textarea {background-color:White; border:1 solid #969696; font-size:9pt; height:21px;}
.textarea2 {background-color:#EDF7F9; border-top:#64BCBF 1px solid;border-right:#A1D5E0 1px solid;border-bottom:#A1D5E0 1px solid;border-left: #64BCBF; font-size:9pt; height:150px;}

.etext1 {font-size:12px; color:#C35FA7; font-weight:bold;}
.etext2 {font-size:12px; color:#6AC5E0; font-weight:bold;}
.etext3 {font-size:11px; color:#7F7F7F;}
.etext4 {font-size:12px; color:#5685B9;}
.etext5 {font-size:11px; color:#966F45;}
.etext6 {font-size:12px; color:#0865A0; font-weight:bold;}
.etext7 {font-size:12px; color:#12741B; font-weight:bold;}
.etext8 {font-size:12px; color:#ffffff; font-weight:bold;}
.etextbox1 {background-color:White; border:1 solid #CCCCCC; font-size:9pt; height:20px;}
.etextbox2 {background-color:White; font-size:9pt; height:20px;}
.etextbox3 {background-color:White; border:1 solid #C5C5C5; font-size:9pt; height:20px;}
.eselect1 {border:1px #95B3CD solid; background:#ffffff;height:20px; font-size:12px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#000000;}
.eradio1 { background-color: #ffffff;}


.select {background-color:White; border:1 solid #DBD8D2; font-size:9pt; width=180 height:18px;}
.selecttest {border:1px #D4D0C8 solid; background:#F7F7F7;height:18px; font-size:9px; font-family:Arial, seoul, verdana,Noto Sans KR; color:#797979;}

.radio { height: 18px;}
.select2 {border:1px #D4D0C8 solid; background:#F7F7F7;height:18px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#636563;}
.form1 {border:1px #E5DEC5 solid; background:#F6EDE6;height:18px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#797979;}
.form2 {border:1px #CEC7C1 solid; background:#F6EDE6;height:17px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#797979;}
.form3 {border:1px #CECECE solid; background:#FFFFFF;height:17px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#797979;}
.form4 {border:1px #709ABA solid; background:#BBD5E3;height:17px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#45819F;}
.form5 {border:1px #D7E3E7 solid; background:#EAF1F9;height:19px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#465378;}
.form6 {border:1px #C5C5C6 solid; background:#C5C5C6;height:20px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#465378;}
.form7 {border:1px #C5C5C6 solid; background:#F7F7F7;height:18px; font-size:11px; font-family:Noto Sans KR, Arial, seoul, verdana; color:#465378;}

.form_06 {font-family:"Noto Sans KR",sans-serif, Verdana;font-size: 9pt;color:#666666;background-color: #9D6D6D;padding-top: 2px;padding-left: 2px;
	border-top:#64BCBF 1px solid;border-right:#9D6D6D 1px solid;border-bottom:#9D6D6D 1px solid;border-left: #9D6D6D 1px solid;height: 17px;margin: 1px;}
	
.form_07 {font-family:"Noto Sans KR",sans-serif, Verdana;font-size: 9pt;color:#666666;background-color: #EDF7F9;padding-top: 2px;padding-left:2px;
	border-top:#64BCBF 1px solid;border-right:#A1D5E0 1px solid;border-bottom:#A1D5E0 1px solid;border-left: #64BCBF 1px solid;height: 19px;margin: 1px;}
.radio { height: 15px;}
.box { background-color:#FFFFFF;font-family:Dotum,Dotumche,verdana;color:#888888;font-size:9px;height:20px;Border:1x SOLID #DBD8D2; padding-top:3px; }
.email {
	font-family : gulim,dotum,Arial,Verdana;
	font-size : 9pt; color : #333333; border : 1px solid #E7EDE6;height:17px;}
	
.11_66 {color:#666666; font-size:11; }
.11_66:link { COLOR: #666666; font-size:11; TEXT-DECORATION: none; }
.11_66:visited { COLOR: #666666; font-size:11; TEXT-DECORATION: none }
.11_66:active { COLOR: #666666; font-size:11; TEXT-DECORATION: none }
.11_66:hover { COLOR: #666666; font-size:11; TEXT-DECORATION:underline }

/* Table CSS */

.tb01 { border: solid 1px #E5E4E2;} /* ??????? ???? CSS */
.td01 { background-color:#F7F6F4;color:#444444; padding-top: 3px; font-family: "Dotum", "Gulim" ; font-size: 8pt; line-height: 11pt; color: #666666} /* td?? ???? CSS */
.td02 { background-color:#E5E4E2; } /* td?? ???? CSS */
.td03 { background-color:#F0F1EC; } /* td?? ???? CSS */

.td04 { background-color:#F5F4F3;color:#444444;border-right: solid 1px #E5E4E2;border-bottom: solid 1px #E5E4E2; } /* td?? ???? CSS */
.td08 { background-color:#F5F4F3;color:#444444;border-bottom: solid 1px #E5E4E2; } /* td?? ???? CSS */
.td09 { background-color:#F5F4F3; color:#444444; border-right: solid 1px #E5E4E2; }

.td05 { border-right: solid 1px #F0F0ED;border-bottom: solid 1px #F0F0ED; } /* td?? ???? CSS */
.td06 { border-right: solid 1px #F0F0ED; } /* td?? ???? CSS */
.td07 { border-bottom: solid 1px #F0F0ED; } /* td?? ???? CSS */

.t01 {border-right:1px solid; border-bottom:1px solid;}
.t02 {border-right:1px solid;}
.t03 {border-bottom:1px solid;}

.bg1 {
 background-image: url(image/bg01.gif);
 background-repeat: repeat-x;
 background-position: left top;
 }
 
 .bg2 {
 background-image: url(performance/image/bg01.gif);
 background-repeat: repeat-x;
 background-position: left top;
 }
 
 .bg3 {
 background-image: url(performance/image/bg02.gif);
 background-repeat: repeat-x;
 background-position: left top;
 }
 
  .bg4 {
 background-image: url(image/bg04.gif);
 background-repeat: repeat-x;
 background-position: left top;
 }
 
   .bg5 {
 background-image: url(image/bg02.gif);
 background-repeat: repeat-x;
 background-position: left top;
 }

.bgtab {
 background-attachment: fixed;
 background-image: url(image/bg_tab.gif);
 background-repeat: no-repeat;
 background-position: right top;
}

.bgleft1 {
 background-image: url(company/image/lefttitle_bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 }

 .bgleft2 {
 background-image: url(product/image/lefttitle_bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 }

 .bgleft3 {
 background-image: url(purchase/image/lefttitle_bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 }

 .bgleft4 {
 background-image: url(customer/image/lefttitle_bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 }

 .bgleft5 {
 background-image: url(sitemap/image/lefttitle_bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 }

.bg3 {
 background-image: url(image/bg_bottom.gif);
 background-repeat: repeat-x;
 background-position: left top;
 }

 .bg4 {
 background-image: url(fun24/image/lefttitle_bg.gif);
 background-repeat: repeat-y;
 background-position: left top;
 }

.box_01 {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDE1F2;
	border-right-color: #DDE1F2;
	border-bottom-color: #DDE1F2;
	border-left-color: #DDE1F2;
}

.box_02 {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CDCDCD;
	border-right-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	border-left-color: #CDCDCD;
}

.box_b {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFE0DC;
	border-right-color: #DFE0DC;
	border-bottom-color: #DFE0DC;
	border-left-color: #DFE0DC;
}

.product_txt01{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#0474A6; font-size:14px; line-height:150%; font-weight:bold; onfocus=this.blur();}
.product_txt02{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#0474A6; font-size:13px; line-height:150%; font-weight:bold; onfocus=this.blur();}
.pro_txt1{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#448CCB; font-size:12px; line-height:150%; onfocus=this.blur();}
.prod_txt01{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#222427; font-size:12px; line-height:130%; font-weight:bold; onfocus=this.blur();}
.prod_txt02{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#4B4C4D; font-size:12px; line-height:150%; onfocus=this.blur();}
.pt03{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#AAAAAA; font-size:10px; line-height:150%; onfocus=this.blur();}
.pt04{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#2C6545; font-size:11px; line-height:150%; font-weight:bold; onfocus=this.blur();}
.intro01{font-family:"Noto Sans KR"," seoul", "verdana", sans-serif; color:#666666; font-size:12px; line-height:150%; onfocus=this.blur();}

.select01 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-attachment: fixed;
	background-image: url(image/select_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.moviebox {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #292823;
	border-bottom-color: #6A6561;
	border-top-color: #292823;
	border-left-color: #292823;
	border-top-style: solid;
}


.input_left {width:119px;font-weight:bold;background-color:ECEEF0;color:6A6A6A;height:28px;text-align:center;border-style:solid;border-top-width:1px;border-left-width:0px;border-right-width:1px;border-bottom-width:0px;border-color:#dfdfdf;}
.input_right {padding-left:5px;background-color:ffffff;color:6A6A6A;height:28px;border-style:solid;border-top-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-color:#dfdfdf;}
.last_line {height:1px;background-color:dfdfdf;}

body {  scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #333333; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #ADADAD; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #EAEAEA; 
	scrollbar-arrow-color: #494949;
}
.input {
	BORDER-RIGHT: #cfc2a8 1px solid; BORDER-TOP: #cfc2a8 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #cfc2a8 1px solid; COLOR: #3B3B3B; BORDER-BOTTOM: #cfc2a8 1px solid; FONT-FAMILY: "????", "????"; BACKGROUND-COLOR: #F8FAFA
}
.input01 {
	BORDER-RIGHT: #DFDFDF 1px solid; BORDER-TOP: #DFDFDF 1px solid; BORDER-LEFT: #DFDFDF 1px solid; COLOR: #7A7A7A; BORDER-BOTTOM: #DFDFDF 1px solid; HEIGHT: 19px; BACKGROUND-COLOR: #F9F9F9
}

/* header */
header {width:100%; max-width:1000px; margin:0 0 17px 0;}
header .sizeMap {display:flex; justify-content:flex-end; align-items:center; max-width:911px; margin:20px 0;}

header .header-inner {display:flex; align-items:center; max-width:911px;}
header .logoBox {width:239px;}
header .logoBox a {display:inline-block; width:100%; height:100%;}

header .gnb {position:relative; display:flex; align-items:center; width:calc(100% - 239px); height:40px; border-radius:8px; background:#234f00; transition:all 0.35s ease;}
header .gnb.openGnb {height:80px}
header .gnb .gnb_menu {display:flex; justify-content:center; align-items:center; width:16.666%; height:100%;}
header .gnb .gnb_menu > a {display:inline-flex; justify-content:center; align-items:center; width:100%; color:#ffffff; font-size:13px; font-weight:400;}
header .gnb .gnb_menu > ul {position:absolute; top:40px; left:50%; transform:translateX(-50%) scaleY(0); transform-origin:0 0; display:flex; align-items:center; width:672px; height:30px; margin:0; padding:0; list-style:none; transition:all 0.35s ease;}
header .gnb .gnb_menu > ul li {margin:0 20px 0 0;}
header .gnb .gnb_menu > ul li:last-child {margin:0;}
header .gnb .gnb_menu:is(:nth-child(1), :nth-child(2)) > ul {left:55%;}
header .gnb .gnb_menu:nth-child(3) > ul {justify-content:center;}
header .gnb .gnb_menu:is(:nth-child(4), :nth-child(5), :nth-child(6) )> ul {justify-content:flex-end;}
header .gnb .gnb_menu > ul li a {color:#234f00; font-size:12px; font-weight:400;}
header .gnb .gnb_menu.openActive > ul {transform:translateX(-50%) scaleY(1);}
/* header */


.main {width:100%; max-width:920px; padding:0 10px 0 0;}
.main .section01 {width:100%; height:300px;}
.main .section01 .mainBg {width:100%; height:100%; background:url('/images/main_visual_img.jpg') no-repeat center/cover;}
.main .section01 figure {margin:0;}
.main .section01.sub {height:190px; overflow:hidden;}

.main .section02 {margin:0 0 35px 0; padding:0 10px;}
.main .section02 .sec02_inner {display:flex; justify-content:space-between;}
.main .section02 .leftArea {width:190px; margin:-50px 0 0 0;}
.main .section02 .leftArea .loginBox {margin:0 0 85px 0;}
.main .section02 .leftArea .searchBox {margin:0 0 25px 0;}
.main .section02 .leftArea .searchBox form > div {margin:0 0 5px 0;}
.main .section02 .leftArea .searchBox .flexDiv {display:flex;}
.main .section02 .leftArea .searchBox .flexDiv > div {margin:0 7px 0 0;}
.main .section02 .leftArea .searchBox .flexDiv > div:last-child {margin:0;}

.main .section02 .leftArea .submitBox {padding:0 5px; border:1px solid #e7d7d7; border-radius:8px; box-sizing:border-box;}

.main .section02 .middleArea {width:400px; margin:7px 0 0 0;}
.main .section02 .middleArea .boardBox {width:100%; height:180px;}
.main .section02 .middleArea .boardBox td {font-family:'Noto Sans KR' , sans-serif;}

.main .section02 .middleArea .programBox {}
.main .section02 .middleArea .programBox .titleBox {margin:0 0 10px 0;}
.main .section02 .middleArea .programBox .programCont {display:flex;}
.main .section02 .middleArea .programBox .programCont > a {position:relative; width:25px; height:130px; margin:0 3px 0 0; border:1px solid #d5d5d5; border-radius:8px; overflow:hidden; transition:all 0.5s ease;}
.main .section02 .middleArea .programBox .programCont > a:last-child {margin:0;}
.main .section02 .middleArea .programBox .programCont > a.active {width:230px;}
.main .section02 .middleArea .programBox .programCont > a h4 {position:absolute; top:15px; left:50%; transform:translateX(-50%); margin:0; color:#333333; font-size:11px; text-align:center; transition:all 0.5s ease;}
.main .section02 .middleArea .programBox .programCont > a.active h4 {opacity:0;}
.main .section02 .middleArea .programBox .programCont > a h4 span {display:inline-block; margin:2px 0 0 0; writing-mode:vertical-lr; text-orientation:upright; letter-spacing:-2px;}
.main .section02 .middleArea .programBox .programCont > a .contBox {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0); transform-origin:50% 50%; width:100%; height:100%; padding:12px 12px; box-sizing:border-box; transition:all 0.5s ease;}
.main .section02 .middleArea .programBox .programCont > a.active .contBox {transform:translate(-50% , -50%) scale(1);}
.main .section02 .middleArea .programBox .programCont > a .contBox h5::before {content:''; position:absolute; top:0; left:0; width:12px; height:1px; background:#fa191f;}
.main .section02 .middleArea .programBox .programCont > a .contBox h5 {position:relative; margin:0 0 5px 0; padding:5px 0 0; color:#555555; font-family:'Noto Sans KR' , sans-serif; font-size:14px; font-weight:700;}
.main .section02 .middleArea .programBox .programCont > a .contBox .contFlex {display:flex; align-items:center; line-height:1;}
.main .section02 .middleArea .programBox .programCont > a .contBox .contFlex figure {max-width:80px; margin:0;}
.main .section02 .middleArea .programBox .programCont > a .contBox .contFlex figure img {width:100%;}
.main .section02 .middleArea .programBox .programCont > a .contBox .contFlex .txtCont {margin:0 0 0 5px; font-family:'Noto Sans KR' , sans-serif;}
.main .section02 .middleArea .programBox .programCont > a .contBox .contFlex .txtCont h6 {margin:0 0 8px 0; color:#666666; font-size:10px; font-weight:700; line-height:1.35;}
.main .section02 .middleArea .programBox .programCont > a .contBox .contFlex .txtCont p {margin:0 0 8px 0; color:#f6a317; font-size:10px; font-weight:700; line-height:1.35;}
.main .section02 .middleArea .programBox .programCont > a .contBox .contFlex .txtCont span {color:#1796b9; font-size:9px; font-weight:700;}

.main .section02 .rightArea {width:290px;}
.main .section02 .rightArea .banner01 {display:flex; justify-content:space-between; align-items:center; margin:12px 0;}
.main .section02 .rightArea .banner01 a {position:relative; width:67px; height:63px; border:1px solid #ececec; border-radius:8px; box-sizing:border-box; transition:all 0.5s ease; overflow:hidden;}
.main .section02 .rightArea .banner01 a:last-child {}
.main .section02 .rightArea .banner01 a.active {width:218px;}

.main .section02 .rightArea .banner01 a .normalBox {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; transition:all 0.5s ease;}
.main .section02 .rightArea .banner01 a.active .normalBox {opacity:0;}
.main .section02 .rightArea .banner01 a .normalBox figure {margin:0; text-align:center;}
.main .section02 .rightArea .banner01 a .normalBox h6 {margin:0; color:#5293ce; font-size:10px; font-weight:600; text-align:center; line-height:1.35;}
.main .section02 .rightArea .banner01 a .normalBox h6 span {color:#275b99;}

.main .section02 .rightArea .banner01 a .activeBox {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; display:flex; align-items:center; width:100%; height:100%; padding:5px 5px; box-sizing:border-box; transition:all 0.5s ease;}
.main .section02 .rightArea .banner01 a.active .activeBox {opacity:1;}
.main .section02 .rightArea .banner01 a .activeBox figure {max-width:40px; margin:0 5px 0 0;}
.main .section02 .rightArea .banner01 a .activeBox figure img {width:100%;}
.main .section02 .rightArea .banner01 a .activeBox .txtCont {width:calc(100% - 45px);}
.main .section02 .rightArea .banner01 a .activeBox .txtCont h5 {margin:0 0 2px 0; color:#5293ce; font-size:11px; font-weight:700; line-height:1.35;}
.main .section02 .rightArea .banner01 a .activeBox .txtCont h5 span {color:#265a98;}
.main .section02 .rightArea .banner01 a .activeBox .txtCont p {margin:0; color:#b1b1b1; font-size:10px; font-weight:600; line-height:1.35;}
.main .section02 .rightArea .banner01 a .activeBox .txtCont b {display:inline-block; width:100%; margin:0; color:#949494; font-size:8px; font-weight:500; text-align:right; line-height:1.35;}