/* .TR {BACKGROUND-COLOR: #FFFFFF; } ..INPUT {width:150; height:25px; color:#FFFFFF; font-size:9pt ;font-weight:800 ; background-color:#E2E8EF; border:1 solid blue ; size=30; height:25px;} */ .INPUTBUTTON { font-size: 12px; border:1px solid #CCCBC7; background-Color:#F2EFE8;} .INPUT { font-size: 12px; border:1px solid #CCCBC7; background-Color:#f7f7f5;} .INPUT1 { font-size: 12px; border:1px solid #CCCBC7; background-Color:#E7E7E7;} .textarea {border:1x solid #CCCBC7; background-Color:#F2EFE8;} .product1 {padding-left:4px; font-size: 12px; color:#b98735; text-decoration: none;} .product1 a{padding-left:4px; font-size: 12px; color:#b98735; text-decoration: none;} .product1 a:hoaver {padding-left:4px; font-size: 12px; color:#b98735; text-decoration: none;} .product2 {font-size: 12px; color:#595959; text-decoration: none;} .product2 a{font-size: 12px; color:#595959; text-decoration: none;} .product2 a:hoaver {font-size: 12px; color:#595959; text-decoration: none;} .title { font-size: 15px; color: #000000; text-decoration: none; text-indent:3px} .textfield {background-color: #ffffff;border-color: #CCCCCC;border-style: solid; border-width: 1px; color: #000000;font-size: 11px;font-family: Verdana;} .grey { font-size: 12px; color: #808080; text-decoration: none; font-family:'Verdana';} .grey a { font-size: 12px; color: #808080; text-decoration: none; font-family:'Verdana';} .grey a:hover { font-size: 12px; color: #1fa0d3; text-decoration: none font-family:'Verdana';} .gray { font-size: 12px; color: #808080; text-decoration: none;} .gray a { font-size: 12px; color: #808080; text-decoration: none;} .gray a:hover { font-size: 12px; color: #FF5300; text-decoration: none ;} .orange { font-size: 12px; color: #FF5300; text-decoration: none} .orange a { font-size: 12px; color: #FF5300; text-decoration: none} .orange a:hover { font-size: 12px; color: #FF5300; text-decoration: none} .black { font-size: 12px; color: #000000; text-decoration: none;} .black a { font-size: 12px; color: #000000; text-decoration: none} .black a:hover { font-size: 12px; color: #FF5300; text-decoration: none} .black2 { font-size: 12px; color: #000000; text-decoration: none;} .black2 a { font-size: 12px; color: #000000; text-decoration: none} .black2 a:hover { font-size: 12px; color: #FF5300; text-decoration: none} .lay41 { color:#FF80C0;} .pink1 { font-size: 12px; color: #FF80C0; text-decoration: none} .pink1 a { font-size: 12px; color: #FF80C0; text-decoration: none} .pink1 a:hover { font-size: 12px; color: #F50AAE; text-decoration: none} .pink2 { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: #FF80C0; text-decoration: none} .pink2 a { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: #FF80C0; text-decoration: none} .pink2 a:hover { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: #F50AAE; text-decoration: none} .black11 { font-size: 11px; color: #000000; text-decoration: none} .black11 a { font-size: 11px; color: #000000; text-decoration: none} .black11 a:hover { font-size: 11px; color: #C0C0C0; text-decoration: none} .magenta { font-size: 12px; color: #993399; text-decoration: none} .magenta a { font-size: 12px; color: #993399; text-decoration: none} .magenta a:hover { font-size: 12px; color: #993399; text-decoration: none} .blue { font-size: 12px; color: #3333CC; text-decoration: none} .blue a { font-size: 12px; color: #3333CC; text-decoration: none} .blue a:hover{ font-size: 12px; color: #3333CC; text-decoration: none} .darkblue { font-size: 12px; color: #009393; text-decoration: none} .darkblue a { font-size: 12px; color: #009393; text-decoration: none} .darkblue a:hover{ font-size: 12px; color: #FF5300; text-decoration: none} .red { font-size: 12px; color: #FF3333; text-decoration: none} .red a { font-size: 12px; color: #FF3333; text-decoration: none} .red a:hover{ font-size: 12px; color: #FF3333; text-decoration: none} .white { font-size: 12px; color: #ffffff; text-decoration: none} .white a { font-size: 12px; color: #ffffff; text-decoration: none} .white a:hover { font-size: 12px; color: #FFFF00; text-decoration: none} .lightgrey { font-size: 12px; color: #999999; text-decoration: none} .lightgrey a { font-size: 12px; color: #999999; text-decoration: none} .lightgrey a:hover { font-size: 12px; color: #FF5300; text-decoration: none} .link { font-size: 12px; color: #003399; text-decoration: none} .link a { font-size: 12px; color: #003399; text-decoration: none} .link a:hover { font-size: 12px; color: #990000; text-decoration: none} .link2 { font-size: 12px; color: #c4ffe6; text-decoration: none} .link2 a { font-size: 12px; color: #c4ffe6; text-decoration: none} .link2 a:hover { font-size: 12px; color: #dac487; text-decoration: none} .moregrey { font-size: 12px; color: #666666; text-decoration: none} .moregrey a { font-size: 12px; color: #666666; text-decoration: none} .moregrey a:hover { font-size: 12px; color: #660000; text-decoration: none} .lightbrown { font-size: 12px; color: #a46702; line-height: 12px; text-decoration: none} .lightbrown a { font-size: 12px; color: #a46702; line-height: 12px; text-decoration: none} .lightbrown a:hover { font-size: 12px; color: #bbbbbb; line-height: 12px; text-decoration: none} .purple { font-size: 12px; color: #D64E95; text-decoration: none} .purple a { font-size: 12px; color: #D64E95; text-decoration: none} .purple a:hover { font-size: 12px; color: #D64E95; text-decoration: none} .darkred { font-size: 12px; color: #990000; text-decoration: none} .darkred a { font-size: 12px; color: #990000; text-decoration: none} .darkred a:hover { font-size: 12px; color: #990000; text-decoration: none} .css2 { font-size: 12px; color: #A53678; line-height: 12px; text-decoration: none} .css2 a { font-size: 12px; color: #A53678; line-height: 12px; text-decoration: none} .css2 a:hover{ font-size: 12px; color: #A53678; line-height: 12px; text-decoration: none} .css3 { font-size: 12px; color: #BB6609; line-height: 12px; text-decoration: none} .css3 a { font-size: 12px; color: #BB6609; line-height: 12px; text-decoration: none} .css3 a:hover{ font-size: 12px; color: #BB6609; line-height: 12px; text-decoration: none} .css4 { font-size: 12px; color: #5E73E8; line-height: 12px; text-decoration: none} .css4 a { font-size: 12px; color: #5E73E8; line-height: 12px; text-decoration: none} .css4 a:hover{ font-size: 12px; color: #5E73E8; line-height: 12px; text-decoration: none} .line { border:solid 1; } .css5 { font-size: 12px; color: #D64E95; line-height: 12px; text-decoration: none} .css5 a { font-size: 12px; color: #D64E95; line-height: 12px; text-decoration: none} .css5 a:hover { font-size: 12px; color: #D64E95; line-height: 12px; text-decoration: none} .css6 { font-size: 12px; color: #C20B0F; text-decoration: none} .css6 a { font-size: 12px; color: #C20B0F; text-decoration: none} .css6 a:hover { font-size: 12px; color: #ffffff; text-decoration: none; BACKGROUND-COLOR: #cc0000;} .category { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: 757573; text-decoration: none} .category a { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: 757573; text-decoration: none} .category a:hover { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: #000000; text-decoration: none} /* 2022.02.11 플래시 제거 */ @import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;400;600;700;900&display=swap'); /* font-family: 'Gothic A1', sans-serif; */ *{margin: 0; padding: 0; } .cf{*zoom:1} .cf:after {content:'';display:block;clear:both;} .cb{clear:both !important} .header{padding-top: 25px; width: 980px} .logo{margin-left: 26px;margin-top: 3px; float: left;} .logo > a{display: block;} .menu{float: right; } .gnb{text-align: right; list-style: none;} .gnb > li{display: inline-block; position: relative; margin-left: 10px;} .gnb > li:before{content: ''; display: block; width: 1px; height: 10px; background-color: #939393; position: absolute; top: 10px; left: -7px; } .gnb > li:first-child:before{display: none;} .gnb > li > a{text-decoration: none; color: #939393; font-family: 'Gothic A1', sans-serif; font-size: 12px; display: block; line-height: 28px; font-weight: bold;} .lnb{width: 740px;} .lnb > li{width: 16.666666666%; float: left; text-align: left; list-style: none; position: relative; padding: 10px 0;} .lnb > li:before{content: ''; display: block; width: 1px; height: 26px; background-color: #adadad; position: absolute; top: 8px; left: 0px; } .lnb > li:last-child:after{content: ''; display: block; width: 1px; height: 26px; background-color: #adadad; position: absolute; top: 8px; right: 0px; } .lnb > li > a{display: block; font-family: 'Gothic A1', sans-serif; text-decoration: none; color: #7a7a7a; font-weight: bold; font-size: 13px; letter-spacing: -1px; padding: 0 8px } .lnb > li > a > span{display: block; color: #b3b2b2; font-size: 8px; letter-spacing: 0px} .lnb > li > a:hover{color: #222} .lnb > li > a:hover span{color: #60d1f8} .main-bnr{margin-top: 14px; margin-bottom: 5px} .snb{width: 254px; height: 208px; background: url(../images/main/snb_bg.jpg); box-sizing: border-box; padding: 24px 50px;} .snb > h2{color: #fff; font-family: 'Gothic A1', sans-serif; font-size: 13px; font-weight: bold;} .snb > h2 > span{color: #90caf2; font-size: 11px; font-family: 'Dotum'; letter-spacing: -1px;} .snb > ul{list-style: none; padding: 15px 0;} .snb > ul > li{border-bottom: 1px solid #ddd; position: relative;} .snb > ul > li:before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #72828f; position: absolute; top: 10px; left: 0;} .snb > ul > li > a{text-decoration: none; font-size: 14px; color: #105590; font-weight: bold; font-family: 'Gothic A1', sans-serif; padding: 3px 8px; display: block;}