A:link {color:#666666; text-decoration:none;}

A:visited {color:#666666; text-decoration:none;}

A:active {color:#666666; text-decoration:none;}

A:hover   {color:#663101; text-decoration:none;}





body {font-family:"Tahoma","µ¸¿ò"; color:#666666; font-size: 9pt;} 

td  {font-family:"Tahoma","µ¸¿ò"; font-size:9pt; color:#666666; line-height: 160%;}

input {solid #CCCCCC; font: 11px "Tahoma", "µ¸¿ò";	color: #777777;}

select {font: 11px "Tahoma", "µ¸¿ò"; background: #FFFFFF;}

img {border:0;}



.T_1         { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#D27171; text-decoration: none }

.T_1  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#D27171; text-decoration: none }

.T_1 a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#D27171; text-decoration: none }

.T_1  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#D27171; text-decoration: none }

.T_1  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#D27171; text-decoration: underline }



.sT_1         { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ffffff; text-decoration: none }

.sT_1  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ffffff;  text-decoration: none }

.sT_1 a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ffffff;  text-decoration: none }

.sT_1  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ffffff;  text-decoration: none }

.sT_1  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ffffff;  text-decoration: underline }




.mem          { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#264E82; text-decoration: none }

.mem  a:link    { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#264E82; text-decoration: none }

.mem  a:visited { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#264E82; text-decoration: none }

.mem  a:active  { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#264E82; text-decoration: none }





.txt_10            { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.txt_10  a:link    { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.txt_10  a:visited { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.txt_10  a:active  { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.txt_10  a:hover   { font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#0082bd; text-decoration: underline }



.white            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#808080; text-decoration: none }

.white  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#808080; text-decoration: none }

.white  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#808080; text-decoration: none }

.white  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#808080; text-decoration: none }

.white  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#EED8CA; text-decoration: none}



.black            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:black; text-decoration: none }

.black  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:black; text-decoration: none }

.black  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:black; text-decoration: none }

.black  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:black; text-decoration: none }

.black  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0082bd; text-decoration: underline }



.category            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#006693; text-decoration: none; font-weight: bold }

.category  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#006693; text-decoration: none; font-weight: bold }

.category  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#006693; text-decoration: none; font-weight: bold }

.category  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#006693; text-decoration: none; font-weight: bold }

.category  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#006693; text-decoration: underline; font-weight: bold }



.board            { font-family: Tahoma; font-size: 10px; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.board  a:link    { font-family: Tahoma; font-size: 10px; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.board  a:visited { font-family: Tahoma; font-size: 10px; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.board  a:active  { font-family: Tahoma; font-size: 10px; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.board  a:hover   { font-family: Tahoma; font-size: 10px; font-style: normal; line-height: 12pt; color:#0082bd; text-decoration: underline }



.red            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF0000; text-decoration: none }

.red  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF0000; text-decoration: none }

.red  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF0000; text-decoration: none }

.red  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF0000; text-decoration: none }

.red  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF0000; text-decoration: underline }


.red_1            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.red_1  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.red_1 a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.red_1 a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.red_1  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#D95B83; text-decoration: none  }


.va            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.va  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.va  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.va  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.va  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#857ED1; text-decoration: underline }



.green            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0F8290; text-decoration: none }

.green  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0F8290; text-decoration: none }

.green  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0F8290; text-decoration: none }

.green  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0F8290; text-decoration: none }

.green  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; text-decoration: underline }



.green_1            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.green_1  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.green_1 a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.green_1  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#666666; text-decoration: none }

.green_1 a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#3DA800; text-decoration: none  }




.small            { font-family: µ¸¿ò; font-size: 8pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.small   a:link    { font-family: µ¸¿ò; font-size: 8pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.small   a:visited { font-family: µ¸¿ò; font-size: 8pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.small   a:active  { font-family: µ¸¿ò; font-size: 8pt; font-style: normal; line-height: 12pt; color:#333333; text-decoration: none }

.small   a:hover   { font-family: µ¸¿ò; font-size: 8pt; font-style: normal; line-height: 12pt; color:#0082bd; text-decoration: underline }



.price            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ff6600; text-decoration: none }

.price  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ff6600; text-decoration: none }

.price  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ff6600; text-decoration: none }

.price  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#ff6600; text-decoration: none }

.price  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0082bd; text-decoration: underline }



.title            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#CC9900; text-decoration: none }

.title  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#CC9900; text-decoration: none  }

.title  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#CC9900; text-decoration: none  }

.title  a:active  {  font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#CC9900; text-decoration: none  }

.title  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#CC9900; text-decoration: underline  }



.blue            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0080C0; text-decoration: none }

.blue  a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0080C0; text-decoration: none }

.blue  a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0080C0; text-decoration: none }

.blue  a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0080C0; text-decoration: none }

.blue  a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#0080C0; text-decoration: underline  }


.na_t           {  font-family: µ¸¿ò; font-size: 9pt; font-style: normal; line-height: 12pt; color:#8a8a8a; text-decoration: none }

.na_t   a:link    {  font-size: 9pt; font-style: normal; line-height: 12pt; color:#125f00; text-decoration: none }

.na_t   a:visited {  font-size: 9pt; font-style: normal; line-height: 12pt; color:#125f00; text-decoration: none }

.na_t   a:active  { font-size: 9pt; font-style: normal; line-height: 12pt; color:#125f00; text-decoration: none }

.na_t   a:hover   {  font-size: 9pt; font-style: normal; line-height: 12pt; color:#125f00; text-decoration: underline }


.table_7            { font-weight: bold; font-family: µ¸¿ò; font-size: 10pt; font-style: normal; line-height: 12pt; color:#B87500; text-decoration: none }

.table_7  a:link    { font-weight: bold; font-size: 9pt; font-style: normal; line-height: 12pt; color:#B87500; text-decoration: none }

.table_7  a:visited { font-weight: bold; font-size: 9pt; font-style: normal; line-height: 12pt; color:#B87500; text-decoration: none }

.table_7  a:active  { font-weight: bold; font-size: 9pt; font-style: normal; line-height: 12pt; color:#B87500; text-decoration: none }

.table_7  a:hover   { font-weight: bold; font-size: 9pt; font-style: normal; line-height: 12pt; color:#B87500; text-decoration: none }


.orange_faq           {  font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; line-height: 12pt; color:#FF8A15;text-decoration: none }

.orange_faq   a:link    {  font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF8A15; text-decoration: none }

.orange_faq   a:visited {  font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF8A15; text-decoration: none }

.orange_faq   a:active  { font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF8A15; text-decoration: none }

.orange_faq  a:hover   {  font-size: 9pt; font-style: normal; line-height: 12pt; color:#FF8A15; text-decoration: underline }


.book_title            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; color:#673301; text-decoration: none }

.book_title    a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; color:#673301; text-decoration: none }

.book_title    a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; color:#673301; text-decoration: none }

.book_title    a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; color:b#673301; text-decoration: none }

.book_title    a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; color:#673301; text-decoration: underline }

.book_title2            { font-family: µ¸¿ò; font-size: 11pt; font-style: normal; font-weight: bold; color:#673301; text-decoration: none ;line-height: 15pt;}

.book_buy_red            { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: normal; color:#FF3300; text-decoration: none; text-align:center; }



.p_violet          {  font-family: µ¸¿ò; font-size: 11pt; font-style: normal; font-weight: bold; color:#5550AA;text-decoration: none }
.p_violet2         {  font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; color:#7F7BC5;text-decoration: none }
.p_gold          {  font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: normal; color:#A87D52;text-decoration: none }
.p_gold2         {  font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: bold; color:#A87D52;text-decoration: none }

.p_gray         {  font-family: µ¸¿ò; font-size: 8pt; font-style: normal; font-weight: normal; color:#8A8A8A;text-decoration: none }

.td_book {font-family:"Tahoma","µ¸¿ò"; font-size:9pt; color:#666666; line-height: 12pt;}

.td_book    a:link    { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: normal; color:#666666; text-decoration: none }

.td_book    a:visited { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: normal; color:#666666; text-decoration: none }

.td_book    a:active  { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: normal; color:#666666; text-decoration: none }

.td_book    a:hover   { font-family: µ¸¿ò; font-size: 9pt; font-style: normal; font-weight: normal; color:#666666; text-decoration: underline }



.td_line {font-family:"Tahoma","µ¸¿ò"; font-size:9pt; color:#666666; line-height: 12pt;text-decoration:line-through;}


#intable
{
    margin:0 ; padding:0 ; line-height: 18px ; width:100% ; 
    font-family:dotum,gulim,san-serif ;
    font-size:12px ; word-spacing:1px ; 
    border-top:1px solid #bdbdbd; 
    border-bottom:1px solid #bdbdbd; 
    border-right:1px solid #bdbdbd; 
    border-left:1px solid #bdbdbd; 
    border-collapse: collapse ;
}

.intableTh
{
    margin:0 ; padding:3px ; line-height: 12px ;
    text-align:center;
    color: #5550AA;
    border-right: 1px solid #bdbdbd; 
    border-bottom: 1px solid #bdbdbd;
    background-color: #F0EFFF;
}


.intableTd
{
    font-weight:normal;
    font-family:dotum,gulim,san-serif ;    
    margin:0 ; padding:3px 3px 3px 5px; 
    font-size:12px ;
    text-align:center ; 
    color: #8A8A8A ; 
    border-right: 1px solid #bdbdbd; 
    border-bottom: 1px solid #bdbdbd; 
    border-right:1px solid #bdbdbd; 
    border-left:1px solid #bdbdbd; 
    background-color: #FFFFFF;
} 
.intable_r01Td
{
    font-weight:bold;
    font-family:dotum,gulim,san-serif ;    
    margin:0 ; padding:5px 10px 5px 10px; 
    font-size:12px ;
    text-align:center; 
    color: #5550AA ; 
    border-right: 1px solid #bdbdbd; 
    border-bottom: 1px solid #bdbdbd; 
    border-right:1px solid #bdbdbd; 
    border-left:1px solid #bdbdbd; 
    background-color: #E3E3F5;
}   




.box_1 {

	BORDER: #006085 1px solid;  FONT-SIZE: 12px;  COLOR: white;  HEIGHT: 19px; BACKGROUND-COLOR: #71AED0;

}

.box_2 {

	BORDER: #C4C4C4 1px solid;  FONT-SIZE: 9pt;  COLOR: #004b6c;  BACKGROUND-COLOR: #F9F9F9;

}

.box_3 {

	BORDER: #C4C4C4 1px solid;  FONT-SIZE: 9pt;  COLOR: #666666;  BACKGROUND-COLOR: white;

}

.box_4 {

	BORDER: #AFAFAF 1px solid;  FONT-SIZE: 9pt; COLOR: #007497;  BACKGROUND-COLOR: #FFFFFF;  HEIGHT: 20px;

}



.box_5 {

	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #999999 1px solid; COLOR: #004b6c; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: white;

}

.box_6_faq {

	BORDER-RIGHT: #FFF2E6 1px solid; BORDER-TOP: #FF944D 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #FFF2E6 1px solid; COLOR: #666666; BORDER-BOTTOM: #FFF2E6 1px solid; BACKGROUND-COLOR: #FFF2E6; padding:10px 10px 10px 10px;

} 


.input1 { BORDER-RIGHT: #FFD3AC 1px solid; BORDER-TOP: #FFD3AC 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #FFD3AC 1px solid; COLOR: #797979; BORDER-BOTTOM: #FFD3AC 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #FFFFFF}


#menu1 {display:none; }

#menu2 {display:none; }

#menu3 {display:none; }

#menu4 {display:none; }

#menu5 {display:none; }




/* 210929 ?? */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

.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; padding: 0px; margin: 0px;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}


.main_v {width: 644px; height: 485px;}
.main_v .img_box {width: 644px; height: 485px;}

.m_pro {width: 356px; height: 248px;}
.m_pro .img_box {width: 356px; height: 248px; display: block;}


.menu_box {margin-left: 110px; position: relative; padding: 10px 112px 5px 0; border: 4px solid #f5a985; border-radius: 20px; box-sizing: border-box; margin-top: 15px; background-color: #fff;}
.menu_box.sub_menu {margin-top: 0px; margin-left: 242px;}
.menu_box.sub_menu .logo {position: absolute; width: 148px; height: 43px; left: -241px; top: -4px;}
.menu_box ul {padding: 0px; margin: 0px;}
.menu_box li {display: inline-block;}
.menu_box a {font-family: 'Open Sans', sans-serif;}

.menu_box .dep1_wrap {display: table; table-layout: fixed; width: 100%;}
.menu_box .dep1 {display: table-cell;text-align: center; position: relative;}
.menu_box .dep1::before {content: ''; width: 1px; height: 8px; background-color: #3f3f3f; position: absolute; right: 0px; top: 5px;}
.menu_box .dep1:last-child::before {display: none;}
.menu_box .dep1 > a {text-align: center; font-size: 13px; color: #000000; font-weight: 700; display: inline-block; line-height: 12px; transition: all 0.1s;}
.menu_box .dep1:hover > a {transform: scale(1.05); color: #f26521;}
.menu_box .dep1 > a span {display: block; font-size: 10px; color: 3387aa; font-weight: 300; margin-top: 2px;}
.menu_box .dep2_wrap {position: absolute; border: 4px solid #f5a985; border-radius: 10px; padding: 1px 10px 1px 40px; box-sizing: border-box; background: url(../images/menu_arrow.jpg) no-repeat 25px center #fff; top: 20px; z-index: -1; transition: all 0.3s; opacity: 0;}
.menu_box .dep1:hover .dep2_wrap {z-index: 1; opacity: 1; top: 15px;}
.menu_box .dep1:nth-child(1) .dep2_wrap {width: 395px;}
.menu_box .dep1:nth-child(2) .dep2_wrap {width: 440px; left: -100px;}
.menu_box .dep1:nth-child(3) .dep2_wrap {width: 405px; left: -100px;}
.menu_box .dep1:nth-child(4) .dep2_wrap {width: 135px; padding: 7px 10px 6px 40px; left: 10px;}
.menu_box .dep2_wrap li {padding-right: 12px; margin-right: 9px; border-right: 1px solid #666666; line-height: 8px;}
.menu_box .dep2_wrap li:last-child {padding-right: 0px; margin-right: 0px; border-right: none;}
.menu_box .dep2_wrap li a {font-size: 12px; color: #343434; font-weight: 500; transition: all 0.3s;}
.menu_box .dep2_wrap li a:hover {color: #f26521;}

.menu_box .right_menu {position: absolute; right: 22px; top: 10px;}
.menu_box .right_menu li {margin-right: 5px; vertical-align: middle;}
.menu_box .right_menu li:last-child {margin-right: 0px;}
.menu_box .right_menu li a {font-size: 11px; color: #646464; padding-left: 7px; display: block; position: relative;}
.menu_box .right_menu li a::before {content: ''; width: 3px; height: 3px; background-color: #5295a7; position: absolute; left: 0px; top: 9px;}

.sub_menu_box {padding: 0 7px; margin: 0px; box-sizing: border-box; overflow: hidden;}
.sub_menu_box li {border-bottom: 1px solid #bbbbbb;}
.sub_menu_box li a {font-family: 'Open Sans', sans-serif; font-size: 12px; color: #333333; display: block; padding: 0 20px; box-sizing: border-box; line-height: 24px; transition: all 0.3s; box-shadow: -3px 2px 14px 0px rgb(0 0 0 / 10%);}
.sub_menu_box li a:hover {font-weight: 700; background-color: #333333; color: #fff;}