/* .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;} .navi {font-family:Tahoma; font-size: 11px; color:#a0a0a0; text-decoration: none;} .navi2 {font-size: 11px; color:#ab5db8; 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;} .grey a { font-size: 12px; color: #808080; text-decoration: none;} .grey a:hover { font-size: 12px; color: #808080; text-decoration: none} .grey1 { font-size: 12px; color: #b2b2b2; text-decoration: none;} .grey1 a { font-size: 12px; color: #b2b2b2; text-decoration: none;} .grey1 a:hover { font-size: 12px; color: #b2b2b2; text-decoration: none} .gray { font-size: 12px; color: #808080; font-family:Verdana; text-decoration: none;} .gray a { font-size: 12px; color: #808080; font-family:Verdana;text-decoration: none;} .gray a:hover { font-size: 12px; color: #FF5300; font-family:Verdana; 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: 11px; font-family:Arial; color: #5E5E5E; text-decoration: none;} .black a { font-size: 11px;font-family:Arial; color: #5E5E5E; text-decoration: none} .black a:hover { font-size: 11px;font-family:Arial; color: #FF5300; text-decoration: none} .black1 { font-size: 11px; font-family:Arial; color: #ffffff; text-decoration: none;} .black1 a { font-size: 11px;font-family:Arial; color: #ffffff; text-decoration: none} .black1 a:hover { font-size: 11px;font-family:Arial; color: #ffffff; text-decoration: none} .black2 { font-size: 12px; color: #61586D; text-decoration: none;} .black2 a { font-size: 12px; color: #61586D; text-decoration: none} .black2 a:hover { font-size: 12px; color: #61586D; text-decoration: none} .black3 { font-size: 11px; font-family:Arial; color: #dedede; text-decoration: none;} .black3 a { font-size: 11px;font-family:Arial; color: #dedede; text-decoration: none} .black3 a:hover { font-size: 11px;font-family:Arial; color: #dedede; text-decoration: none} .lay41 { color:#FF80C0;} .box1 { border: #eba218 1px solid; background-color: #eba218; font-size: 9pt; FONT-FAMILY:Tahoma,Verdana,µ¸¿ò,µ¸¿òü,±¼¸²,±¼¸²Ã¼; } .box { border: #ACA899 1px solid; font-size: 9pt; FONT-FAMILY:Tahoma,Verdana,µ¸¿ò,µ¸¿òü,±¼¸²,±¼¸²Ã¼; } .button { padding-left: 2px; font-size: 9pt; cursor:hand; FONT-FAMILY:Tahoma,Verdana,µ¸¿ò,µ¸¿òü,±¼¸²,±¼¸²Ã¼; } .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} .whitebold { font-size: 12px; font-weight:bold; color: #ffffff; text-decoration: none} .whitebold a { font-size: 12px; font-weight:bold; color: #ffffff; text-decoration: none} .whitebold a:hover { font-size: 12px; font-weight:bold; 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} /* *{margin: 0; padding: 0;}*/ .cf{*zoom:1} .cf:after {content:'';display:block;clear:both;} .cb{clear:both !important} ul{list-style: none;} @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap'); #header{width: 914px; height: 80px;} #logo{margin: 0; padding: 16px 32px; float: left;} #nav{background: url('../images/main/menu_bg.png') no-repeat right top; width: 687px; float: right; margin: 0; padding: 0; margin-top: 33px;} #nav > li{display: inline-block; position: relative; vertical-align: top } #nav > li:before{content:''; display: block; width: 1px; height: 10px; background-color: #cf8a01; position: absolute; top: 5px; left: -1px; } #nav > li:after{content:''; display: block; width: 1px; height: 10px; background-color: #e0bb68; position: absolute; top: 5px; left: -2px; } #nav > li:first-child:before, #nav > li:first-child:after{display: none;} #nav > li > a{display: block; color: #222; text-decoration: none; font-size: 12px; line-height: 21px; font-weight: bold; font-family: 'Nanum Gothic', sans-serif; padding: 0 22px; } #nav > li > ul{display: none; position: absolute; top: 20px; left: 0px; margin: 0; padding: 0; padding: 0 5px;} #nav > li:hover > ul{display: block;} #nav > li > ul > li{display: inline-block;} #nav > li > ul > li > a{display: block; color: #e1c3a6; text-decoration: none; font-size: 12px; line-height: 21px; font-weight: bold; font-family: 'Nanum Gothic', sans-serif;padding: 0 6px; } #nav > li > ul > li > a:hover{color: #dab228;} #nav > li > ul.nav2-1{width: 370px;} #nav > li > ul.nav2-2{} #nav > li > ul.nav2-4{width: 250px;} #nav > li > ul.nav2-5{width: 250px;} #main_left_navi{width: 213px; height: 210px; background: url('../images/main/main_left_navi.png') no-repeat left 18px top 3px; display: flex; flex-wrap: wrap;} #main_left_navi > div{width: 50%; position: relative;} #main_left_navi > div > a{color: #fff; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; font-size: 11px; display: block; width: 100%;} #main_left_navi > div ul{display: none; position: absolute; margin: 0; padding: 0; } #main_left_navi > div:hover > a{color: #ff9900;} #main_left_navi > div:hover ul{display: block;} #main_left_navi > div ul > li{margin: 0; padding: 0;} #main_left_navi > div ul > li > a{color: #ccc; font-family: 'Nanum Gothic', sans-serif; font-size: 10px; line-height: 13px; text-decoration: none; display: block;} #main_left_navi > div ul > li > a:hover{color: #fff;} .main_left_navi01 > a{position: relative; top: 40px; left: 40px;} .main_left_navi01 > ul{top: 0; right: 12px; text-align: right;} .main_left_navi02 > a{position: relative; top: 40px; right: -8px;} .main_left_navi03 > a{position: relative; top: 22px; left: 40px;} .main_left_navi03 > ul{top: 36px; right: 18px; text-align: right;} .main_left_navi04 > a{position: relative; top: 22px; right: -2px;} .main_left_navi04 > ul{top: 36px; left: 0;} #submenu{display: flex; justify-content: space-between;} #snb{margin-left: 19px; margin-bottom: 20px;} #snb h2{ margin: 0; width: 186px; background-color: #3b2606; color: #ff8400; padding: 12px 12px; box-sizing: border-box; font-size: 14px; font-family: 'Nanum Gothic', sans-serif;} #snb ul{ width: 186px; background: #1f1300; margin: 0; padding: 0; padding: 15px 0;} #snb ul a{padding: 5px 12px; color: #fff; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; display: block; text-decoration: none;} #snb ul a:hover{color: #dab228;}