body,td { FONT-SIZE: 9pt; COLOR: #404040; LINE-HEIGHT: 140%; FONT-FAMILY: 돋움; TEXT-DECORATION: none; SCROLLBAR-FACE-COLOR: #D0D0D0; SCROLLBAR-HIGHLIGHT-COLOR: #8B8B8B; SCROLLBAR-SHADOW-COLOR: #8B8B8B; SCROLLBAR-3DLIGHT-COLOR: #F6F6F6; SCROLLBAR-ARROW-COLOR: #F6F6F6; SCROLLBAR-TRACK-COLOR: #F6F6F6; SCROLLBAR-DARKSHADOW-COLOR: #cecece } a {font-family: ""; font-size: 9pt; line-height: 140%; color: #545454; text-decoration: none} a:hover { font-family: ""; font-size: 9pt; line-height: 140%; color: red; text-decoration: none} a:link { font-family: ""; color: #545454; text-decoration: none; font-size: 9pt; line-height: 140%;} a:visited { font-family: ""; color: #545454; text-decoration: none; font-size: 9pt; line-height: 140%;} a.cash { font-family: ""; font-size: 12pt; line-height: 18px; color: #545454; text-decoration: none} a.cash:hover { font-family: ""; font-size: 12pt; line-height: 18px; color: #545454 text-decoration: none} a.cash:link { font-family: ""; color: #545454; text-decoration: none; font-size: 12pt; line-height: 14pt;} a.cash:isited { font-family: ""; color: #545454; text-decoration: none; font-size: 12pt; line-height: 14pt;} .input{ font-family: ""; font-size: 12px; line-height: 18px; color: #545454; text-decoration: none} a.top:link { font-family: ""; color: #333333; text-decoration: none; font-size: 9pt;} a.top:visited { font-family: ""; color: #333333; text-decoration: none; font-size: 9pt;} a.top:hover { font-family: ""; color: #000066; text-decoration: none; font-size: 9pt;} a.blue_l:link { text-decoration:none;color: #000066;} a.blue_l:visited { text-decoration:none;color: #000066; } a.blue_l:hover { text-decoration:underline;color: #336699; } a.best:link { font-family: ""; color: #333333; text-decoration: none; font-size: 9pt;} a.best:visited { font-family: ""; color: #333333; text-decoration: none; font-size: 9pt;} a.best:hover { font-family: ""; color: #336699; text-decoration: underline; font-size: 9pt;} .green2 { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt; } .green2 a:link { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt;} .green2 a:visited { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt;} .green2 a:hover { font-family: ""; color:#008841; text-decoration: underline; font-size: 9pt;} .blue { font-family: ""; color: #404040; text-decoration: none; LINE-HEIGHT: 140%; font-size: 9pt; } .blue a:link { font-family: ""; color: #404040; text-decoration: none; LINE-HEIGHT: 140%; font-size: 9pt;} .blue a:visited { font-family: ""; color: #404040; text-decoration: none; LINE-HEIGHT: 140%; font-size: 9pt;} .blue a:hover { font-family: ""; color:#0984FF; text-decoration: underline; LINE-HEIGHT: 140%; font-size: 9pt;} .brm { color: #773D03; text-decoration: none; font-size: 9pt; } A.brm:link { color: #666666; text-decoration: none; font-size: 9pt;} A.brm:visited { color: #666666; text-decoration: none; font-size: 9pt;} A.brm:hover { color:#773D03; text-decoration: underline; font-size: 9pt;} .brm1 { font-family: ""; color: #4A494A; text-decoration: none; font-size: 9pt; } .brm1 a:link { font-family: ""; color: #4A494A; text-decoration: none; font-size: 9pt;} .brm1 a:visited { font-family: ""; color: #4A494A; text-decoration: none; font-size: 9pt;} .brm1 a:hover { font-family: ""; color:#773D03; text-decoration: none; font-size: 9pt;} .blue1 { font-family: 돋움; color: #000000; text-decoration: none; font-weight:bold; font-size: 9pt; } .blue1 a:link { font-family: 돋움; color: #000000; font-weight:bold; text-decoration: none; font-size: 9pt;} .blue1 a:visited { font-family:돋움; color: #000000; font-weight:bold; text-decoration: none; font-size: 9pt;} .blue1 a:hover { font-family:돋움; color:#000000; font-weight:bold; text-decoration: none; font-size: 9pt; } .blue2 { font-family: ""; color: #5140A9; text-decoration: none; font-size: 9pt; } .blue2 a:link { font-family: ""; color: #5140A9; text-decoration: none; font-size: 9pt;} .blue2 a:visited { font-family: ""; color: #5140A9; text-decoration: none; font-size: 9pt;} .blue2 a:hover { font-family: ""; color:#5140A9; text-decoration: underline; font-size: 9pt;} .td1 { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt; text-decoration: bold } .td1 a:link { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt;} .td1 a:visited { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt;} .td1 a:hover { font-family: ""; color:#666666; text-decoration: underline; font-size: 9pt;} .bold { font-family: ""; color: #EC821D; text-decoration: none; font-size: 9pt; } .bold a:link { font-family: ""; color: #EC821D; text-decoration: none; font-size: 9pt;} .bold a:visited { font-family: ""; color: #EC821D; text-decoration: none; font-size: 9pt;} .bold a:hover { font-family: ""; color:#EC821D; text-decoration: underline; font-size: 9pt;} .purple { font-family: ""; color: #000000; text-decoration: none; font-size: 9pt; } .purple a:link { font-family: ""; color: #000000; text-decoration: none; font-size: 9pt;} .purple a:visited { font-family: ""; color: #000000; text-decoration: none; font-size: 9pt;} .purple a:hover { font-family: ""; color:#000000; text-decoration: underline; font-size: 9pt;} .box1 { BORDER-RIGHT: #d9d9d9 1px solid; BORDER-TOP: #d9d9d9 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #d9d9d9 1px solid; COLOR: #555555; BORDER-BOTTOM: #d9d9d9 1px solid; FONT-FAMILY: "dotum"; BACKGROUND-COLOR: #fafafa } .p { font-family: ""; color: #000000; text-decoration: none; font-size: 9pt; } .p a:link { font-family: ""; color: #000000; text-decoration: none; font-size: 9pt;} .p a:visited { font-family: ""; color: #000000; text-decoration: none; font-size: 9pt;} .p a:hover { font-family: ""; color:#000000; text-decoration: underline; font-size: 9pt;} orange { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt; } .orange a:link { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt;} .orange a:visited { font-family: ""; color: #666666; text-decoration: none; font-size: 9pt;} .orange a:hover { font-family: ""; color:#FF6317; text-decoration: underline; font-size: 9pt;} .or { font-family: ""; color: # ff6600; text-decoration: none; font-size: 9pt; ; color: #FF6600} .pass { font-family: ""; color: #556B80; text-decoration: none; font-size: 9pt; } .pass a:link { font-family: ""; color: #556B80; text-decoration: none; font-size: 9pt;} .pass a:visited { font-family: ""; color: #556B80; text-decoration: none; font-size: 9pt;} .pass a:hover { font-family: ""; color:#FF6317; text-decoration: underline; font-size: 9pt;} .ge { font-family: ""; color: #4A494A; font-weight:bold; font-size: 9pt; } .ge a:link { font-family: ""; color: #4A494A;font-weight:bold; font-size: 9pt;} .ge a:visited { font-family: ""; color: #4A494A;font-weight:bold; font-size: 9pt;} .ge a:hover { font-family: ""; color:#FF8040;font-weight:bold; text-decoration: underline; font-size: 9pt;} .club { font-family: ""; color: #4842A5; font-weight:bold; font-size: 9pt; } .club a:link { font-family: ""; color: #4842A5;font-weight:bold; font-size: 9pt;} .club a:visited { font-family: ""; color: #4842A5;font-weight:bold; font-size: 9pt;} .club a:hover { font-family: ""; color:#4842A5;font-weight:bold; text-decoration: underline; font-size: 9pt;} .ge1 { font-family: ""; color: #4A494A; text-decoration: none;font-size: 9pt; } .ge1 a:link { font-family: ""; color: #4A494A; text-decoration: none; font-size: 9pt;} .ge1 a:visited { font-family: ""; color: #4A494A; text-decoration: none; font-size: 9pt;} .ge1 a:hover { font-family: ""; color:#FF8040; text-decoration: none;text-decoration: underline; font-size: 9pt;} .gein { font-family: ""; color:#402730; text-decoration: none;font-size: 9pt; } .gein a:link { font-family: ""; color:#402730; text-decoration: none; font-size: 9pt;} .gein a:visited { font-family: ""; color:#402730; text-decoration: none; font-size: 9pt;} .gein a:hover { font-family: ""; color:#402730; text-decoration: none;text-decoration: underline; font-size: 9pt;} .ge11 { font-family: ""; color: #3F54A1; text-decoration: none; font-weight:bold; font-size: 9pt; } .ge11 a:link { font-family: ""; color: #3F54A1; text-decoration: none; font-weight:bold; font-size: 9pt;} .ge11 a:visited { font-family: ""; color: #3F54A1; text-decoration: none; font-weight:bold; font-size: 9pt;} .ge11 a:hover { font-family: ""; color:#FF8040; text-decoration: none; font-weight:bold; text-decoration: underline; font-size: 9pt;} .ge12 { font-family: ""; color: #0072BC; text-decoration: none; font-weight:bold; text-decoration: underline; font-size: 9pt; } .ge12 a:link { font-family: ""; color: #0072BC; text-decoration: underline; font-weight:bold; font-size: 9pt;} .ge12 a:visited { font-family: ""; color: #0072BC; text-decoration: underline; font-weight:bold; font-size: 9pt;} .ge12 a:hover { font-family: ""; color:#FF8040; text-decoration: none; font-weight:bold; font-size: 9pt;} .gep1 { font-family: ""; color: #51A21F; text-decoration: none; font-weight:bold; text-decoration: underline; font-size: 9pt; } .gep1 a:link { font-family: ""; color: #51A21F; text-decoration: none; font-weight:bold; text-decoration: underline; font-size: 9pt;} .gep1 a:visited { font-family: ""; color: #51A21F; text-decoration: none; font-weight:bold; text-decoration: underline; font-size: 9pt;} .gep1 a:hover { font-family: ""; color:#51A21F; text-decoration: none; font-weight:bold; text-decoration: underline; font-size: 9pt;} .ge2 { font-family: ""; color: #696C53; LINE-HEIGHT: 130%; font-size: 9pt; } .ge2 a:link { font-family: ""; color: #696C53; LINE-HEIGHT: 130%; font-size: 9pt;} .ge2 a:visited { font-family: ""; color: #696C53; LINE-HEIGHT: 130%; font-size: 9pt;} .ge2 a:hover { font-family: ""; color:#696C53; text-decoration: none;text-decoration: underline; font-size: 9pt;} .mainpurple { font-family: ""; color: #9966CC; text-decoration: none; font-size: 9pt; } .mainpurple a:link { font-family: ""; color: #9966CC; text-decoration: none; font-size: 9pt;} .mainpurple a:visited { font-family: ""; color: #9966CC; text-decoration: none; font-size: 9pt;} .mainpurple a:hover { font-family: ""; color:#9966CC; text-decoration: underline; font-size: 9pt;} .inforpurple { font-family: ""; color: #4A494A; LINE-HEIGHT: 120%; font-size: 9pt; } .inforpurple a:link { font-family: ""; color: #4A494A; text-decoration: none; font-size: 9pt;} .inforpurple a:visited { font-family: ""; color: #4A494A; text-decoration: none; font-size: 9pt;} .inforpurple a:hover { font-family: ""; color:#9966CC; text-decoration: underline; font-size: 9pt;} .tdc { FONT-SIZE: 8pt; COLOR: #384B91; LINE-HEIGHT: 13pt; FONT-FAMILY: "dotum", "u"; TEXT-DECORATION: none } .tdc a:link { font-family: ""; color: #384B91; text-decoration: none; font-size: 9pt;} .tdc a:visited { font-family: ""; color: #384B91; text-decoration: none; font-size: 9pt;} .tdc a:hover { font-family: ""; color:#384B91; text-decoration: underline; font-size: 9pt;} .br { font-family: ""; color: # 8A6F1A; text-decoration: none; font-size: 9pt; ; color: #8A6F1A} #input {border-top:1px #bbbbbb solid;border-left:1px #bbbbbb solid;border-right:1px #bbbbbb solid;border-bottom:1px #bbbbbb solid;} #button {border-color:#000000; border:solid 1 #555555; width:80px; height:20px;} #cashbonus {font-family: u;font-size:9pt;position:absolute;top:75px;visibility:hidden;color:#000000;} #center{font-family: u;font-size:9pt;position:absolute;top:75px;visibility:hidden;color:#000000;} #hantucard{font-family: u;font-size:9pt;position:absolute;top:75px;visibility:hidden;color:#000000;} #shopping{font-family: u;font-size:9pt;position:absolute;top:75px;visibility:hidden;color:#000000;} #sm_out{position:absolute;top:5px;width:800px;height:300px;z-index:-1;} #sm{position: absolute;top:90px; VISIBILITY: visible;width:800px;height:380px;z-index:-1;} #Blue {font-family: u;font-size:9pt;position:absolute;top:128px;visibility:hidden;color:#000000;} #Red{font-family: u;font-size:9pt;position:absolute;top:128px;left:160px;visibility:hidden;color:#000000;} #Community{font-family: u;font-size:9pt;position:absolute;top:128px;left:200px;visibility:hidden;color:#000000;} #download{font-family: u;font-size:9pt;position:absolute;top:128px;left:370px;visibility:hidden;color:#000000;} #e_card{font-family: u;font-size:9pt;position:absolute;top:128px;left:610px;visibility:hidden;color:#000000;} .txt01 { FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 15pt; FONT-FAMILY: "gulim", "u"; TEXT-DECORATION: none } .txt02 { FONT-SIZE: 9pt; COLOR: #8d6d4b; LINE-HEIGHT: 15pt; FONT-FAMILY: "gulim", "u"; TEXT-DECORATION: none } .txt03 { FONT-SIZE: 9pt; COLOR: #ffffff; LINE-HEIGHT: 15pt; FONT-FAMILY: "gulim", "u"; TEXT-DECORATION: none } .txt04 { FONT-SIZE: 9pt; COLOR: #fffc00; LINE-HEIGHT: 15pt; FONT-FAMILY: "gulim", "u"; TEXT-DECORATION: none } .txt05 { FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 13pt; FONT-FAMILY: "gulim", "u"; TEXT-DECORATION: none } .txt06 { FONT-SIZE: 9pt; COLOR: #ff9900; LINE-HEIGHT: 13pt; FONT-FAMILY: "gulim", "u"; TEXT-DECORATION: none } .txt07 { FONT-SIZE: 8pt; COLOR: #404040; LINE-HEIGHT: 10pt; FONT-FAMILY: "돋움", "u"; TEXT-DECORATION: none } .txteng01 { FONT-SIZE: 7pt; COLOR: #8d6d4b; LINE-HEIGHT: 15pt; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } .txteng02 { FONT-SIZE: 7pt; COLOR: #e19400; LINE-HEIGHT: 15pt; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } .txteng03 { FONT-SIZE: 7pt; COLOR: #333333; LINE-HEIGHT: 15pt; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } .txteng04 { FONT-SIZE: 8pt; COLOR: #ffffff; LINE-HEIGHT: 14pt; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.a1:link { FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.a1:visited { FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.a1:active { FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.a1:hover { FONT-SIZE: 9pt; COLOR: #8d6d4b; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.a2:link { FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.a2:visited { FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.a2:active { FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.a2:hover { FONT-SIZE: 9pt; COLOR: #327794; FONT-FAMILY: "", "u"; TEXT-DECORATION: none } A.eng1:link { FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng1:visited { FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng1:active { FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng1:hover { FONT-SIZE: 8pt; COLOR: #8d6d4b; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: underline } A.eng2:link { FONT-SIZE: 7pt; COLOR: #e19400; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng2:visited { FONT-SIZE: 7pt; COLOR: #e19400; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng2:active { FONT-SIZE: 7pt; COLOR: #e19400; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng2:hover { FONT-SIZE: 7pt; COLOR: #e19400; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: underline } A.eng3:link { FONT-SIZE: 7pt; COLOR: #333333; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng3:visited { FONT-SIZE: 7pt; COLOR: #333333; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng3:active { FONT-SIZE: 7pt; COLOR: #333333; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } A.eng3:hover { FONT-SIZE: 7pt; COLOR: #8d6d4b; FONT-FAMILY: "verdana", "arial"; TEXT-DECORATION: none } .form { BORDER-RIGHT: #4c4c4c 1px solid; BORDER-TOP: #4c4c4c 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #4c4c4c 1px solid; BORDER-BOTTOM: #4c4c4c 1px solid; BACKGROUND-COLOR: #ffffff } .box1 { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #999999 1px solid; COLOR: #333333; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: "u" } .box2 { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #999999 1px solid; COLOR: #333333; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: "u"; BACKGROUND-COLOR: #d2d2d2 } .box3 { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #999999 1px solid; COLOR: #333333; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: "u"; BACKGROUND-COLOR: #e4e4e4 } .bline {border-bottom:3px #FFAA67 solid;} .tline {border-top:1px #0957A5 dotted;} .boxline {border:1px #EDC7E9 solid;padding:15px;} .p_title_bg {background-image: url(/product/images/p_title_bg.gif);background-repeat:no-repeat;} .p_title { font-size: 14px; color: #FB7020; font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-weight:bold;padding-top:5px;padding-left:20px;} .p_text {padding:20px 20px 0 20px; text-align:top;} h1 {font-size: 13px; color: #000000; font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; margin:3px 0 3px 0;} h2 {font-size: 14px; color: #000000; font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; margin:0;} .text {font-size: 13px; color: #000000; font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; line-height:1.6em;} ul { margin-left:30px; padding:0; margin-top:5px} li { PADDING:0 0 0 0; MARGIN: 0px; line-height:160%} .title {background-image: url(/product/images/bg_title.gif);background-repeat:no-repeat;font-family:dotum, Arial;font-size:13px;color:#039;text-align:center;font-weight:bold;padding-top:3px;} .p_t10 {padding-top:10px;} .bg1 {background-color:#FEF3FD;} .bg_c {background-color:#f7f7f7;} .notice {background-color:#D9E0E6;border:1px #CCD2D8 solid;text-align:center; color:#000174;} .title1 {background-image: url(/product/images/bg_title1.gif);background-repeat:no-repeat;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:12px;color:#000000;text-align:center;font-weight:bold;} .title1-1 {background-image: url(/product/images/bg_title1-1.gif);background-repeat:no-repeat;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:12px;color:#000000;text-align:center;font-weight:bold;} #title2 {background-image: url(/product/images/bg_title2.gif);background-repeat:no-repeat;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:12px;color:#ffffff;text-align:center;font-weight:bold;width:121px;height:23px;padding-top:3px;} #title2-1 {background-image: url(/product/images/bg_title2.gif);background-repeat:no-repeat;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:11px;color:#ffffff;text-align:center;font-weight:bold;width:121px;height:23px;padding-top:3px;padding-left:15px;} #title2-2 {background-image: url(/product/images/bg_title2-2.gif);background-repeat:no-repeat;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:12px;color:#ffffff;text-align:center;font-weight:bold;width:90px;height:23px;padding-top:3px;padding-left:15px;} .title3 {background:#BCD5F5;border:#98B6DD 1px solid;padding:0px 5px 0px 5px;height:23px;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:12px;text-align:center;font-weight:bold;margin-top:7px;} .title4 {background-image: url(/product/images/bg_title4.gif);background-repeat:no-repeat;font-family:dotum, Arial;font-size:13px;color:#039;font-weight:bold;padding:3px 0 0 25px;} .title5 {background:#C3D364;border:#A6B64A 1px solid;padding:4px 10px 1px 10px;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:13px;text-align:center;font-weight:bold;margin-top:7px;height:25px;color:#030;} #title3 {background:#ffffff;border:#000000 1px solid;padding:0px 5px 0px 5px;height:23px;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:12px;text-align:center;width:100px;height:35px;margin:7px 0 5px 0;} .title6 {font-size: 16px; color: #0957A5; font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; margin:5px 0 5px 0;font-weight:bold;} .title7 {background:#eeeeee;border:#cccccc 1px solid;padding:4px 10px 1px 10px;font-family:"Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;font-size:13px;text-align:center;font-weight:bold;margin-top:7px;height:25px;color:#000000;} .title8 {background-image: url(/product/images/bg_title8.gif);background-repeat:no-repeat;font-family:dotum, Arial;font-size:13px;color:#039;text-align:center;font-weight:bold;padding-top:3px;} #title10 {background-image: url(/product/images/bg_title10.gif);background-repeat:no-repeat;font-family: "Malgun Gothic",Arial, Verdana, Geneva, sans-serf;font-size:11px;color:#ffffff;text-align:center;font-weight:bold;width:55px;height:19px;} /* 230320 */ html {width: 1110px;} @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&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;} .menu_bx {width: 990px; height: 96px; background: url(/images/new/menu_bg.jpg) no-repeat center; position: relative;} .menu_bx.sub {background: url(/images/new/menu_bg2.jpg) no-repeat center;} .menu_bx .logo {width: 66px; height: 70px; position: absolute; top: 22px; left: 50px;} .menu_bx ul {padding: 0; margin: 0; list-style: none; font-size: 0;} .menu_bx .top_menu {position: absolute; right: 16px; top: 5px;} .menu_bx .top_menu li {display: inline-block; padding-right: 24px; position: relative;} .menu_bx .top_menu li::before {content: ''; width: 2px; height: 7px; background: url(/images/new/menu_bar.jpg) no-repeat center; position: absolute; right: 11px; top: 50%; margin-top: -3px;} .menu_bx .top_menu li:last-child::before {display: none;} .menu_bx .top_menu li:last-child {padding-right: 0;} .menu_bx .top_menu li a {font-family: 'Noto Sans KR', sans-serif; color: #4d5050; font-size: 11px; display: block; line-height: 20px;} .menu_bx .dep1_wrap {position: absolute; width: 744px; height: 63px; position: absolute; right: 11px; bottom: 0px; box-sizing: border-box; padding: 0 0 0 107px;} .menu_bx .dep1_wrap .dep1 {position: relative; display: inline-block; width: 110px; text-align: center;} .menu_bx .dep1_wrap .dep1::before {content: ''; width: 86px; height: 67px; background: url(/images/new/hover.png) no-repeat center; position: absolute; top: -9px; left: 50%; margin-left: -43px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .menu_bx .dep1_wrap .dep1:hover::before {opacity: 1;} .menu_bx .dep1_wrap .dep1 > a {font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #fff; line-height: 38px; display: block; position: relative; z-index: 1;} .menu_bx .dep1_wrap .dep2_wrap {position: absolute; z-index: -1; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all 0. 3s; -moz-transition: all 0.3s; transition: all 0.3s;} .menu_bx .dep1_wrap .dep1:hover .dep2_wrap {visibility: visible; opacity: 1; z-index: 1;} .menu_bx .dep1_wrap .dep1_01 .dep2_wrap {width: 170px; left: 3px;} .menu_bx .dep1_wrap .dep1_02 .dep2_wrap {width: 310px; left: -81px;} .menu_bx .dep1_wrap .dep1_03 .dep2_wrap {width: 300px; left: -3px;} .menu_bx .dep1_wrap .dep1_04 .dep2_wrap {width: 240px; left: -38px;} .menu_bx .dep1_wrap .dep2_wrap > li {display: inline-block; margin-right: 15px;} .menu_bx .dep1_wrap .dep2_wrap > li:last-child {margin-right: 0;} .menu_bx .dep1_wrap .dep2_wrap > li > a {font-family: 'Noto Sans KR', sans-serif; font-size: 11px; color: #333333; display: block; line-height: 25px;} .menu_bx .dep1_wrap .dep2_wrap > li > a:hover {color: #3030c6;} .banner_bx {width: 303px; height: 88px; overflow: hidden; position: relative; font-size: 0;} .banner_bx .slick-dots {position: absolute; bottom: 9px; left: 0px; width: 100%; text-align: center; font-size: 0; margin: 0; padding: 0; list-style: none;} .banner_bx .slick-dots li {display: inline-block; margin-right: 5px;} .banner_bx .slick-dots li:last-child {margin-right: 0;} .banner_bx .slick-dots li button {padding: 0; margin: 0; width: 14px; line-height: 14px; font-size: 11px; color: #fff; background-color: #72bcfd; display: block; border: none; cursor: pointer;} .banner_bx .slick-dots li.slick-active button {background-color: #fff; color: #000; font-weight: 700; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .banner_bx .img_bx {width: 303px; height: 88px; overflow: hidden; display: block;} #quick_bx {position: fixed!important; width: 1110px!important; height: 0!important; top: 112px!important; left: 0;} #quick_bx.sub {width: 1100px!important;} #quick_bx .q_w {right: 0; width: 120px; height: 332px; position: absolute; top: 0;} #quick_bx .q_w ul {padding: 0; margin: 0; list-style: none; text-align: center; height: 269px; box-sizing: border-box; background: url(/images/new/q_bg.png) no-repeat center; font-size: 0; padding: 59px 34px 0 30px;} #quick_bx.sub .q_w ul {} #quick_bx .q_w ul li {position: relative; height: 43px; display:flex; justify-content:center; align-items:center; table-layout:fixed;} #quick_bx .q_w ul li::before {content: ''; width: 38px; height: 1px; background-color: #f0e6e0; position: absolute; bottom: 0px; left: 50%; margin-left: -19px;} #quick_bx .q_w ul li:last-child::before {display: none;} #quick_bx .q_w ul li a {font-family: 'Noto Sans KR', sans-serif; font-size: 10px; line-height: 12px; color: #666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} #quick_bx .q_w ul li a:hover {color: #111; font-weight: 500;} #quick_bx .q_w ul li a span {display: block; font-weight: 700; color: #fe9d75; margin-bottom: 3px;} #quick_bx .q_w .top_btn {background: url(/images/new/q_top.png) no-repeat center; height: 63px; text-align: center; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; color: #777777; cursor: pointer;} #quick_bx .q_w .top_btn span {position: relative; display: block; top: -6px; font-weight: 500;} .sub_menu {padding-bottom: 47px; position: relative; min-height: 214px; box-sizing: border-box;} .sub_menu::before {content: ''; width: 100%; height: calc(100%); background: url(/images/new/sub_left_bg.png) repeat-y center; position: absolute; top: 0px; left: 0;} .sub_menu::after {content: ''; width: 100%; height: calc(100% - 116px); background: url(/images/new/sub_left_bg2.png) no-repeat center; position: absolute; left: 0px; top: 69px; background-size: 100% auto;} .sub_menu .ttl {height: 69px; background: url(/images/new/sub_left_bg1.png) no-repeat center; box-sizing: border-box; position: relative; z-index: 1; padding: 36px 11px 0;} .sub_menu .ttl span {display: block; padding: 0 18px; font-size: 15px; color: #fff; font-weight: 500; font-family: 'Noto Sans KR', sans-serif;} .sub_menu .btm {width: 100%; height: 47px; background: url(/images/new/sub_left_bg3.png) no-repeat center top; position: absolute; bottom: 0px; left: 0;} .sub_menu .dep2_wrap {position: relative; z-index: 1; padding: 0; margin: 0; list-style: none; padding: 0 18px;} .sub_menu .dep2_wrap > li {} .sub_menu .dep2_wrap > li > a {font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #fff; display: block; line-height: 29px; border-bottom: 1px solid #46a7d7; padding: 0 6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .sub_menu .dep2_wrap > li:hover > a {background-color: #2c76a6;} .sub_menu .dep3_wrap {margin: 0; padding: 0; list-style: none; background-color: #fff; border-top: 2px solid #c8c8c8; box-shadow:inset 0 0 5px #ebebeb; display: none;} .sub_menu .dep3_wrap > li {padding: 0 8px;} .sub_menu .dep3_wrap > li:first-child {padding-top: 2px;} .sub_menu .dep3_wrap > li:last-child {padding-bottom: 10px;} .sub_menu .dep3_wrap > li > a {font-family: 'Noto Sans KR', sans-serif; padding-left: 7px; background: url(/images/new/sub_left_arrow1.png) no-repeat left 4px; font-size: 11px; color: #666666; font-weight: 500; line-height: 15px; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .sub_menu .dep3_wrap > li > a:hover {background: url(/images/new/sub_left_arrow2.png) no-repeat left 4px; color: #ff6600;}