/* * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess */ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype'); } /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); */ body {margin: 0px;} td,input,div,form,textarea,center,option,pre,blockquote {font:9pt/140% gulim,굴림,verdana,돋움; color:#222222; text-decoration: none; margin:0 auto;} input, button,select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; } img {border:none;} A:link {text-decoration:none;onfocus='blur()';color:#111111; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } A:visited {text-decoration:none;onfocus='blur()';} A:active {text-decoration:none;onfocus='blur()';} A:hover {text-decoration:none;onfocus='blur()';} .in_bg { font-family:Tahoma,굴림; font-size:9pt; color:#C9C9C9; background-color:#000000; border:1px solid #3A3A3A; } .te_bg { font-family:Tahoma,굴림; font-size:9pt; color:#C9C9C9; background-color:#111111; border:1px solid #3A3A3A; SCROLLBAR-ARROW-COLOR:#CDB881; SCROLLBAR-FACE-COLOR:#0A1C26; SCROLLBAR-DARKSHADOW-COLOR:#021118; SCROLLBAR-HIGHLIGHT-COLOR:#000000; SCROLLBAR-3DLIGHT-COLOR:#021118; SCROLLBAR-SHADOW-COLOR:#000000; SCROLLBAR-TRACK-COLOR:#000000; overflow-x:hidden; overflow-y:auto; } .in_bg2 { font-family:Tahoma,굴림; font-size:11px; color:#444444; background-color:#000000; border:1 solid #000000; } .te_bg2 { font-family:Tahoma,굴림; font-size:9pt; color:#C9C9C9; background-color:#000000; border:1 solid #3A3A3A; SCROLLBAR-ARROW-COLOR:#CDB881; SCROLLBAR-FACE-COLOR:#0A1C26; SCROLLBAR-DARKSHADOW-COLOR:#021118; SCROLLBAR-HIGHLIGHT-COLOR:#000000; SCROLLBAR-3DLIGHT-COLOR:#021118; SCROLLBAR-SHADOW-COLOR:#000000; SCROLLBAR-TRACK-COLOR:#000000; overflow-x:hidden; overflow-y:auto; } .tb_all {border-spacing:0px;top:0px;margin:0 0px;padding:0 0;} a.menu:link, a.menu:visited, a.menu:active { text-decoration:none;onfocus='blur()';} a.menu:hover { text-decoration:none; onfocus='blur()';} .fsg{font-family: 'Nanum Gothic';line-height:134%;} .fsg2{font-family: 'Nanum Gothic';} .fsm{font-family: 'Malgun Gothic','Nanum Gothic';} .fsv{font-family:vedana;} html, body { height: 100%; } .page-wrap3 { min-height: 100%; /* equal to footer height */ margin-bottom: -100px; } .page-wrap3:after { content: ""; display: block; } .site-footer, .page-wrap3:after { height: 100px; } .site-footer { background: #333333; } .lh200 {line-height:200%;} .lh180 {line-height:180%;} .lh150 {line-height:150%;} .lh40 {line-height:40px;} .lh30 {line-height:30px;} .lh20 {line-height:30px;} .it {font-style:italic;} .fs8{font-size:8px;font-family: 'Nanum Gothic';line-height:150%;} .fs8v{font-size:8px;font-family: vedana,굴림,gulim;line-height:150%;} .fs11{font-size:11px;font-family: 'Nanum Gothic';line-height:150%;} .fs11g{font-size:11px;font-family: 굴림,gulim;line-height:150%;} .fs11v{font-size:11px;font-family:vedana;line-height:150%;} .fs12{font-size:12px;font-family: 'Nanum Gothic';line-height:150%;} .fs12m{font-size:12px;font-family: 'Malgun Gothic','Nanum Gothic';line-height:150%;} .fs13{font-size:13px;font-family: 'Nanum Gothic';line-height:150%;} .fs13m{font-size:13px;font-family: 'Malgun Gothic','Nanum Gothic';} .fs14{font-size:14px;font-family: 'Nanum Gothic';line-height:150%;} .fs14m{font-size:14px;font-family: 'Malgun Gothic','Nanum Gothic';} .fs25s{font-size:25px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs35s{font-size:35px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs20s{font-size:20px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs15s{font-size:15px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs18s{font-size:18px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs14s{font-size:14px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs13s{font-size:13px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs12s{font-size:12px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs11s{font-size:11px;font-family: 'Nanum Gothic','Malgun Gothic';} .fs15{font-size:15px;font-family: 'Nanum Gothic';line-height:150%;} .fs15m{font-size:15px;font-family: 'Malgun Gothic','Nanum Gothic';line-height:150%;} .fs15v{font-size:15px;font-family: 'Malgun Gothic','Nanum Gothic',vedana,굴림,gulim;} .fs16{font-size:16px;font-family: 'Nanum Gothic';line-height:150%;} .fs17{font-size:17px;font-family: 'Nanum Gothic';line-height:150%;} .fs20{font-size:20px;font-family: 'Nanum Gothic';line-height:150%;} .fs25{font-size:25px;font-family: 'Nanum Gothic';line-height:150%;} .fs25m{font-size:25px;font-family: 'Malgun Gothic','Nanum Gothic';line-height:150%;} .fs30{font-size:30px;font-family: 'Nanum Gothic';line-height:150%;} .fs40{font-size:40px;font-family: 'Nanum Gothic';line-height:150%;} .fs50{font-size:50px;font-family: 'Nanum Gothic';line-height:150%;} .fs11g{font-size:11px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;} .fs12g{font-size:12px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;} .fs13g{font-size:13px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;} .fs14g{font-size:14px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;} .fs11b{font-size:11px;font-family: 'easyNanumGothicBold';} .fs12b{font-size:12px;font-family: 'easyNanumGothicBold';} .fs13b{font-size:13px;font-family: 'easyNanumGothicBold';} .fs14b{font-size:14px;font-family: 'easyNanumGothicBold';} .fs15b{font-size:15px;font-family: 'easyNanumGothicBold';} .fs16b{font-size:16px;font-family: 'easyNanumGothicBold';} .fs17b{font-size:17px;font-family: 'easyNanumGothicBold';} .fs20b{font-size:20px;font-family: 'easyNanumGothicBold';} .b {font-weight:bold;} .un {text-decoration:underline;} .cr_gray { letter-spacing:-1; color:#666666; } a.cr_gray:link { letter-spacing:-1;color:#666666; } a.cr_gray:visited { letter-spacing:-1;color:#666666; } a.cr_gray:active { letter-spacing:-1;color:#666666; } a.cr_gray:hover { letter-spacing:-1;color:#000000; text-decoration:none;} .cr_light_gray { color:#afafaf; } a.cr_light_gray:link { color:#afafaf; } a.cr_light_gray:visited { color:#afafaf; } a.cr_light_gray:active { color:#afafaf; } a.cr_light_gray:hover { color:#afafaf; } .cr_dark_gray { color:#404040; } a.cr_dark_gray:link { color:#404040; } a.cr_dark_gray:visited { color:#404040; } a.cr_dark_gray:active { color:#404040; } a.cr_dark_gray:hover { color:#404040; } .cr_green { letter-spacing:-1; color:green; } a.cr_green:link { letter-spacing:-1;color:green; } a.cr_green:visited { letter-spacing:-1;color:green; } a.cr_green:active { letter-spacing:-1;color:green; } a.cr_green:hover { letter-spacing:-1;color:#f7931e; } .cr_brown { letter-spacing:-1; color:#ff4e00; } a.cr_brown:link { letter-spacing:-1;color:#ff4e00; } a.cr_brown:visited { letter-spacing:-1;color:#ff4e00; } a.cr_brown:active { letter-spacing:-1;color:#ff4e00; } a.cr_brown:hover { letter-spacing:-1;color:#ff4e00; } .cr_yellow { letter-spacing:-1; color:#fff600; } a.cr_yellow:link { letter-spacing:-1;color:#fff600; } a.cr_yellow:visited { letter-spacing:-1;color:#fff600; } a.cr_yellow:active { letter-spacing:-1;color:#fff600; } a.cr_yellow:hover { letter-spacing:-1;color:#fff600; } .cr_blue { letter-spacing:-1; color:blue; } a.cr_blue:link { letter-spacing:-1;color:blue; } a.cr_blue:visited { letter-spacing:-1;color:blue; } a.cr_blue:active { letter-spacing:-1;color:blue; } a.cr_blue:hover { letter-spacing:-1;color:#f7931e; } .cr_red { letter-spacing:-1; color:red; } a.cr_red:link { letter-spacing:-1;color:red; } a.cr_red:visited { letter-spacing:-1;color:red; } a.cr_red:active { letter-spacing:-1;color:red; } a.cr_red:hover { letter-spacing:-1;color:#f7931e; } .cr_pink { letter-spacing:-1; color:#cc3377; } a.cr_pink:link { letter-spacing:-1;color:#cc3377; } a.cr_pink:visited { letter-spacing:-1;color:#cc3377; } a.cr_pink:active { letter-spacing:-1;color:#cc3377; } a.cr_pink:hover { letter-spacing:-1;color:#f7931e; } .cr_black { letter-spacing:-1; color:black; } a.cr_black:link { letter-spacing:-1;color:black; } a.cr_black:visited { letter-spacing:-1;color:black; } a.cr_black:active { letter-spacing:-1;color:black; } a.cr_black:hover { letter-spacing:-1;color:#f7931e; } .cr_aqua { letter-spacing:-1; color:#1b8ffc; } a.cr_aqua:link { letter-spacing:-1;color:#1b8ffc; } a.cr_aqua:visited { letter-spacing:-1;color:#1b8ffc; } a.cr_aqua:active { letter-spacing:-1;color:#1b8ffc; } a.cr_aqua:hover { letter-spacing:-1;color:#1b8ffc; } .cr_white { letter-spacing:-1; color:white; } a.cr_white:link { letter-spacing:-1;color:white; } a.cr_white:visited { letter-spacing:-1;color:white; } a.cr_white:active { letter-spacing:-1;color:white; } a.cr_white:hover { letter-spacing:-1;color:white;} .cr_white2 { letter-spacing:-1; color:#d7d7d7; } a.cr_white2:link { letter-spacing:-1;color:#d7d7d7; } a.cr_white2:visited { letter-spacing:-1;color:#d7d7d7; } a.cr_white2:active { letter-spacing:-1;color:#d7d7d7; } a.cr_white2:hover { letter-spacing:-1;color:#d7d7d7;} .cr_white4 { letter-spacing:-1; color:#a3a3a3; } a.cr_white4:link { letter-spacing:-1;color:#a3a3a3; } a.cr_white4:visited { letter-spacing:-1;color:#a3a3a3; } a.cr_white4:active { letter-spacing:-1;color:#a3a3a3; } a.cr_white4:hover { letter-spacing:-1;color:#a3a3a3;} .cr_white3 { letter-spacing:0; color:white;text-decoration:underline; } a.cr_white3:link { letter-spacing:0;color:white;text-decoration:underline; } a.cr_white3:visited { letter-spacing:0;color:white;text-decoration:underline; } a.cr_white3:active { letter-spacing:0;color:white;text-decoration:underline; } a.cr_white3:hover { letter-spacing:0;color:white;text-decoration:underline; } .cr_menu { letter-spacing:-1; color:e7f32b; } a.cr_menu:link { letter-spacing:-1;color:e7f32b; } a.cr_menu:visited { letter-spacing:-1;color:e7f32b; } a.cr_menu:active { letter-spacing:-1;color:e7f32b; } a.cr_menu:hover { letter-spacing:-1;color:e7f32b;text-decoration:none; } .cr_menu2 { letter-spacing:-1; color:white; } a.cr_menu2:link { letter-spacing:-1;color:white; } a.cr_menu2:visited { letter-spacing:-1;color:white; } a.cr_menu2:active { letter-spacing:-1;color:white; } a.cr_menu2:hover { letter-spacing:-1;color:white;text-decoration:none; } .lh { line-height: 150%; } .jt { text-align:justify; } .li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .ran_tr { height:30px; line-height:30px; border-bottom:1px solid #f7f7f7; } .ran_tr:hover,link { height:30px; line-height:30px; border-bottom:1px solid #f7f7f7; background:#e1e1e1; } .ran_tr2 { height:30px; line-height:30px; } /* 버튼 골격 */ .ct-btn { display: inline-block; margin: 5px 0; padding: .5em .75em; border-radius: .25em; box-sizing: content-box; -moz-box-sizing: content-box; background: transparent; outline: 0; vertical-align: middle; font-family:'Nanum Gothic',"Helvetica Neue",Helvetica,Arial,sans-serif,AppleGothic; font-size: 18px; text-decoration: none; white-space: nowrap; cursor: pointer; } /* 버튼 골격 */ .ct-btn { display: inline-block; margin: 5px 0; border-radius: .25em; box-sizing: content-box; -moz-box-sizing: content-box; background: transparent; outline: 0; vertical-align: middle; font-family:'Nanum Gothic',"Helvetica Neue",Helvetica,Arial,sans-serif,AppleGothic; font-size: 18px; text-decoration: none; white-space: nowrap; cursor: pointer; } /* 버튼 고정 사이즈 */ .ct-btn.small { height: 25px; padding: 0 .75em; font-size: 11px; line-height: 25px; } .ct-btn.zsmall { height: 25px; padding: 0 .5em; font-size: 11px; line-height: 25px; } /* 버튼 고정 사이즈 */ .ct-btn.ssmall { height: 30px; padding: 0 .5em; font-weight:bold; letter-spacing:-0.08em; line-height: 30px; font-size:13px; } .ct-btn.xsmall { height: 20px; padding: 0 .2em; font-size: 11px; line-height: 20px; } .ct-btn.default { height: 35px; padding: 0 .75em; font-size: 12px; font-weight:bold; line-height: 35px; } .ct-btn2.default2 { height: 35px; font-size: 12px; font-weight:bold; line-height: 35px; } .td114 {text-align:center;} .td115 {text-align:center;} .td116 {text-align:center;} .td115a {text-align:center;} .ct-btn.large { height: 46px; padding: 0 1em; font-size: 18px; font-weight: 600; line-height: 46px; } /* 버튼 스타일 */ .ct-btn.white, .ct-btn.white:link, .ct-btn.white:visited { color: #666!important; border: 1px solid #ebebeb; border-bottom-color: #c6c6c6; box-shadow: 0 2px 2px rgba(0,0,0,0.04); background: #fff; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );/*IE*/ } .ct-btn.whitea, .ct-btn.whitea:link, .ct-btn.whitea:visited { border: 1px solid #e1e1e1; border-bottom-color: #333333; box-shadow: 0 2px 2px rgba(0,0,0,0.05); background: #ffffff; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #ffffff 40%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );/*IE*/ } .ct-btn.reda, .ct-btn.reda:link, .ct-btn.reda:visited { border: 1px solid #ff0000; border-bottom-color: #ba0000; box-shadow: 0 2px 2px rgba(0,0,0,0.07); background: #ffffff; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #ffffff 40%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );/*IE*/ } .ct-btn.white:focus, .ct-btn.white:hover { background: #f4f4f4; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #fafafa 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/ } /* 버튼 스타일 */ .ct-btn2.white, .ct-btn2.white:link, .ct-btn2.white:visited { color: #666!important; border: 1px solid #ebebeb; border-bottom-color: #c6c6c6; box-shadow: 0 2px 2px rgba(0,0,0,0.04); background: #fff; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );/*IE*/ } .ct-btn2.white:focus, .ct-btn2.white:hover { background: #f4f4f4; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #fafafa 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/ } .ct-btn.white9, .ct-btn.white9:link, .ct-btn.white9:visited { color: #666!important; border: 1px solid #ebebeb; border-bottom-color: #c6c6c6; box-shadow: 0 2px 2px rgba(0,0,0,0.04); background: none; } .ct-btn.white9:focus, .ct-btn.white9:hover { background: #f4f4f4; background: linear-gradient(to bottom, #fafafa 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/ } .bg_green { background: #76ac41; color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background: linear-gradient(to bottom, #76ac41 0%, #489215 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ac41', endColorstr='#489215', GradientType=0 );/*IE*/ } .bg_white { color: #333333; outline:1px solid #f7f7f7; background: #fff; background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );/*IE*/ } .bg_white:focus, .bg_white:hover { background: #f4f4f4; outline:1px solid #f8f8f8; background: linear-gradient(to bottom, #fafafa 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/ } .bg_1white { color: #333333; outline:1px solid #f7f7f7; background: #fff; background: linear-gradient(to bottom, #ffffff 40%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0 );/*IE*/ } .bg_1white2 { color: #333333; outline:1px solid #f7f7f7; background: #ffffff; background: linear-gradient(to bottom, #ffffff 94%, #686868 94%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#686868', GradientType=0 );/*IE*/ } .bg_black { color: #FFF; font-size:13px; outline:1px solid #444444; font-family: 'Nanum Gothic'; background: #000; background: linear-gradient(to bottom, #000000 40%, #333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#343434', GradientType=0 );/*IE*/ } .bg_blue{ color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; background: #3aaee7; background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/ } .bg_blue_a1{ color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; background: #2c9ad0; background: linear-gradient(to bottom, #2c9ad0 0%, #0c71c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9ad0', endColorstr='#0c71c9', GradientType=0 );/*IE*/ } .bg_blue_a2{ color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; background: #2360c6; background: linear-gradient(to bottom, #2360c6 0%, #011a85 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2360c6', endColorstr='#011a85', GradientType=0 );/*IE*/ } .bg_blue_a3{ color: #FFF; font-size:12px; font-family: 'Nanum Gothic'; background: #2360c6; background: linear-gradient(to bottom, #4660c6 0%, #011a85 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4660c6', endColorstr='#011a85', GradientType=0 );/*IE*/ } .bg_blue_s{ color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; margin: 3px auto; background: #3aaee7; background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/ } .bgtop_1 { font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background:url(./images/topbg_1.png) repeat-x; } .bgtop_1a { background:url(./images/topbg_5.png) repeat-x; } .bgtop_2 { color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background:url(./images/topbg_2.png) repeat-x; } .bgtop_3 { color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background:url(./images/topbg_3.png) repeat-x; } .bgtop_4 { color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background:url(./images/topbg_4.png) repeat-x; } .bg_semi_blue { font-size:13px; font-family: 'Nanum Gothic'; background: #d9f0fd; background: linear-gradient(to bottom, #d9f0fd 0%, #edf8ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f0fd', endColorstr='#edf8ff', GradientType=0 );/*IE*/ } .bg_semi_green { font-size:13px; font-family: 'Nanum Gothic'; background: #e2ffd8; background: linear-gradient(to bottom, #e2ffd8 0%, #bfffa9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ffd8', endColorstr='#bfffa9', GradientType=0 );/*IE*/ } .bg_blue5 { color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background: #1a80d9; background: linear-gradient(to bottom, #1a80d9 0%, #3aaee7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a80d9', endColorstr='#3aaee7', GradientType=0 );/*IE*/ } .bg_blue3 { color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background: #0063bc; background: linear-gradient(to bottom, #0063bc 0%, #0f60a7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063bc', endColorstr='#0f60a7', GradientType=0 );/*IE*/ } .bg_blue4 { color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background: #3aaee7; background: linear-gradient(to bottom, #0C79E8 0%, #1a80d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C79E8', endColorstr='#1a80d9', GradientType=0 );/*IE*/ } .bg_blue2 { color: #FFF; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background: #00A7DB; background: linear-gradient(to bottom, #00A7DB 0%, #008EBA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A7DB', endColorstr='#008EBA', GradientType=0 );/*IE*/ } .bg_blue2:hover { background: #3aaee7; background: linear-gradient(to bottom, #0C79E8 0%, #1a80d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C79E8', endColorstr='#1a80d9', GradientType=0 );/*IE*/ } .bg_blue2:focus { background: #3aaee7; background: linear-gradient(to bottom, #299ad1 0%, #1a80d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299ad1', endColorstr='#1a80d9', GradientType=0 );/*IE*/ } .bg_red { background: #b22520; color: #fff; font-size:13px; font-family: 'Nanum Gothic'; font-weight:bold; background: linear-gradient(to bottom, #e8605a 0%, #b22520 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8605a', endColorstr='#b22520', GradientType=0 );/*IE*/ } .bg_yellow { background: #f5a802; color:black; outline:1px solid #99d249; background: linear-gradient(to bottom, #fcd054 0%, #f5a802 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#f5a802', GradientType=0 );/*IE*/ } .bg_yellow2 { background: #f5a802; outline:1px solid #99d249; background: linear-gradient(to bottom, #fcd054 94%, #666688 94%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#666688', GradientType=0 );/*IE*/ } .ct-btn.white:active, .ct-btn.white.active { text-shadow: 0 1px 0px #fff; border-color: #ebebeb; border-top-color: #ddd; background: #f4f4f4; font-family: 'Nanum Gothic'; box-shadow: none; } /* 버튼 스타일 */ .ct-btn.black, .ct-btn.black:link, .ct-btn.black:visited { color: #FFF!important; border: 1px solid #ebebeb; border-bottom-color: #c6c6c6; box-shadow: 0 2px 2px rgba(0,0,0,0.04); background: #000; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #000000 40%, #333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#343434', GradientType=0 );/*IE*/ } .ct-btn.black:focus, .ct-btn.black:hover { background: #000000; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #000000 0%, #333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#343434', GradientType=0 );/*IE*/ } .ct-btn.black:active, .ct-btn.black.active { text-shadow: 0 1px 0px #fff; border-color: #ebebeb; border-top-color: #ddd; background: #f4f4f4; font-family: 'Nanum Gothic'; box-shadow: none; } .ct-btn.green, .ct-btn.green:link, .ct-btn.green:visited { color: #fff!important; text-shadow: 0 1px 0px #135fa4; border: 1px solid #368321; border-top-color: #439f2a; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22); background: #76ac41; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #76ac41 0%, #489215 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ac41', endColorstr='#489215', GradientType=0 );/*IE*/ } .ct-btn.green:hover { background: #4c9b16; background: linear-gradient(to bottom, #7ab243 0%, #4c9b16 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab243', endColorstr='#4c9b16', GradientType=0 );/*IE*/ } .ct-btn.green2, .ct-btn.green2:link, .ct-btn.green2:visited { color: #fff!important; text-shadow: 0 1px 0px #135fa4; border: 1px solid #368321; border-top-color: #439f2a; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22); background: #2bb90f; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #2bb90f 0%, #2d6f00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bb90f', endColorstr='#2d6f00', GradientType=0 );/*IE*/ } .ct-btn.green2:hover { background: #4c9b16; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #2bb90f 0%, #4c9b16 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bb90f', endColorstr='#4c9b16', GradientType=0 );/*IE*/ } .ct-btn.green:active, .ct-btn.green.active { border-color: #6c9d3c; border-top-color: #368321; background: #4c9b16; box-shadow: none; text-shadow: none; font-family: 'Nanum Gothic'; } .ct-btn.yellow, .ct-btn.yellow:link, .ct-btn.yellow:visited { color: #000!important; text-shadow: 0 1px 0 #fcda7c; border: 1px solid #dfac23; border-bottom: 1px solid #c06f01; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10); background: #f5a802; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #fcd054 0%, #f5a802 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#f5a802', GradientType=0 );/*IE*/ } .ct-btn.yellow:hover { background: #ffb618; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #ffdc78 0%, #ffb618 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/ } .ct-btn.yellow:active, .ct-btn.yellow.active { border-color: #efa80d; border-top-color: #cf8e00; background: #ffb618; box-shadow: none; text-shadow: none; font-family: 'Nanum Gothic'; } .ct-btn.red, .ct-btn.red:link, .ct-btn.red:visited { color: #fff!important; text-shadow: 0 1px 0 #991e1a; border: 1px solid #991e1a; border-top: 1px solid #c06f01; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20); background: #b22520; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #e8605a 0%, #b22520 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8605a', endColorstr='#b22520', GradientType=0 );/*IE*/ } .ct-btn.red:hover { background: #ca3631; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #f17771 0%, #ca3631 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/ } .ct-btn.red:active, .ct-btn.red.active { border-color: #a0211d; border-top-color: #7f1b17; background: #b22520; box-shadow: none; text-shadow: none; font-family: 'Nanum Gothic'; } .ct-btn.blue, .ct-btn.blue:link, .ct-btn.blue:visited { color: #fff!important; text-shadow: 0 1px 0px #135fa4; border: 1px solid #135fa4; border-top-color: #2d9acf; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22); background: #3aaee7; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/ } .ct-btn.blue:hover { background: #50bae9; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #50bae9 0%, #3392de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bae9', endColorstr='#3392de', GradientType=0 );/*IE*/ } .ct-btn.blue:active, .ct-btn.blue.active { border-color: #2585d9; border-top-color: #0f4678; background: #2d90e7; box-shadow: none; font-family: 'Nanum Gothic'; } .ct-btn.k-plate, .ct-btn.k-plate:link, .ct-btn.k-plate:visited { color: #666!important; border: 1px solid #c3c3c3; border-top-color: #d9d9d9; letter-spacing:-0.05em; font-weight:bold; font-family: 'Nanum Gothic' border-radius: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 #fff; background: #fff; background: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType=0 ); } .ct-btn.k-plate:focus, .ct-btn.k-plate:hover { background: #f4f4f4; font-family: 'Nanum Gothic'; background: linear-gradient(to bottom, #fafafa 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/ } .ct-btn.k-plate:active, .ct-btn.k-plate.active { text-shadow: 0 1px 0px #fff; border-color: #ebebeb; border-top-color: #ddd; background: #f4f4f4; box-shadow: none; font-family: 'Nanum Gothic'; } .ct-btn.soap, .ct-btn.soap:link, .ct-btn.soap:visited { padding: .45em .75em .75em .75em; color:#888!important; text-shadow:0 1px 0 #fafafa; border-style: solid; border-width: 1px; border-top-color: #f2f2f2; border-left-color: #dfdfdf; border-right-color: #dfdfdf; border-bottom-color: #ccc; box-shadow: 0 .2em .3em rgba(0,0,0,.1), inset 0 -0.3em 0 #ddd, inset 0 -0.33em 0 #f1f1f1; background: #e9e9e9; background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#e9e9e9); } input.gn-search2 { position: relative; z-index: 10; padding-left: 10px; width:100%; height:30px; outline: none; border: none; background: #f7f7f7; color: #000000; font-weight: bold; font-size:12px; letter-spacing:-1; font-family: 'Nanum Gothic','Malgun Gothic'; cursor: pointer; } /* gnb */ .book {margin:0 auto; text-align:left;} .book ul{list-style:none; margin:0px; padding:0 0 5px 0;} .book ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #e1e1e1;} .book ul li .book1{height:145px;display:inline-block;margin:0px auto;width:100%;padding:8px 0 4px 0;} .book ul li .book1:hover{height:145px; width:100%;vertical-align:middle;} .book ul li .book1{font-weight:bold;} .book ul li:hover{background:#e1e1e1;} .em1 {letter-spacing:-0.08em;} .lh29 {line-height:45px;} .list_txt {margin:0 auto; text-align:left;} .list_txt ul{list-style:none; margin:0px; padding:0px;} .list_txt ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:100%;border-bottom:1px solid #e1e1e1;} .list_txt ul li .l0 {height:45px;line-height:45px;display:inline-block;margin-top:-7px;width:100%;} .list_txt ul li .l1 {float:left;text-align:right;width:20%;padding:5px 0px 0 5px;line-height:45px;} .list_txt ul li .l2 {float:left;text-align:left;width:50%;padding:5px 0 0 5px;line-height:45px;} .list_txt ul li .l3 {float:left;text-align:right;width:30%;padding:5px 15px 0 0;line-height:45px;} .title {width:100%;height:40px;border-bottom:1px solid #e1e1e1;} .title_left {float:left;padding:0 0 0 15px;height:100%;line-height:40px;} .title_right {float:right;padding:0 15px 0 0;line-height:40px;height:100%;text-align:right;} .title2 {width:100%;height:40px;border-bottom:0px solid #e1e1e1;} .title2_left {float:left;padding:0 0 0 15px;height:100%;line-height:40px;} .title2_right {float:right;padding:0 15px 0 0;line-height:40px;height:100%;text-align:right;} .lh60 {line-height:65px;} .list_rank {margin:0 auto; text-align:left;} .list_rank ul{list-style:none; margin:0px; padding:0px;} .list_rank ul li{height:65px;position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:100%;border-bottom:1px solid #e1e1e1;} .list_rank ul li .l0 {height:65px;line-height:65px;display:inline-block;margin-top:0px;width:100%;} .list_rank ul li .l1 {float:left;text-align:center;width:60px;height:65px;line-height:65px;padding:15px 15px;} .list_rank ul li .l1 .num_box1 {width:100%;height:100%;margin:0px auto;background:#416ad1;padding:10px 0 0 0;} .list_rank ul li .l1 .num_box2 {width:100%;height:100%;margin:0px auto;background:#8b8b8b;padding:10px 0 0 0;} .list_rank ul li .l1 .num_box3 {width:100%;height:100%;margin:0px auto;background:#c1c1c1;padding:10px 0 0 0;} .list_rank ul li .l2 {float:left;text-align:left;padding:0px 0 0 5px;} .list_rank ul li .l3 {float:right;text-align:right;width:26%;padding:0px 15px 0 0;} .ct-btn.soap.small { height: 25px; padding: 0 .75em; font-size: 11px; line-height: 22px; } .ct-btn.soap.default { height: 35px; padding: 0 .75em; font-size: 12px; line-height: 32px; } .ct-btn.soap.large { height: 46px; padding: 0 1em; font-size: 18px; font-weight: 600; line-height: 42px; } .lt-ie10 .ct-btn.soap { padding: .5em .75em; } .lt-ie10 .ct-btn.soap.small { padding: 0 .75em; line-height: 25px; } .lt-ie10 .ct-btn.soap.default { padding: 0 .75em; line-height: 35px; } .lt-ie10 .ct-btn.soap.large { padding: 0 1em; line-height: 46px; } /* 버튼을 담는 리스트 */ ul.ct-btn-list { margin: 0; padding: 0; list-style: none; display: inline-block; } ul.ct-btn-list li { margin: 0; padding: 0; display: inline-block; *float:left;/*IE*/ *margin:0 3px;/*IE*/ } /** * 4.0 리스트 * --------------------------------------------------------------------------- */ ul, menu, dir { display: block; list-style-type: none; -webkit-margin-before:0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; } /* gnb */ .gnb {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb ul{list-style:none; margin:0px; padding:0px;} /*.gnb ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:0px solid #e1e1e1;} .gnb ul li a{height:41px; line-height:41px; display:inline-block;margin-top:0px;width:100%;} .gnb ul li a:hover{height:41px; line-height:41px;width:100%;vertical-align:middle;} .gnb ul li .gnb1{font-weight:bold;} .gnb ul li:hover{background:#f7f7f7;} .gnb3 {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb3 ul{list-style:none; margin:0px; padding:0px;} /*.gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:20%;text-align:center;border-right:0px solid #e1e1e1;} .gnb3 ul li a{height:41px; line-height:41px; display:inline-block;margin-top:0px;width:100%;} .gnb3 ul li a:hover{height:41px; line-height:41px;width:100%;vertical-align:middle;} .gnb3 ul li .gnb1{} .gnb3 ul li:hover{background:#f7f7f7;} .gnb3_26 {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb3_26 ul{list-style:none; margin:0px; padding:0px;} /*.gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb3_26 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;text-align:center;border-right:0px solid #e1e1e1;} .gnb3_26 ul li a{height:31px; line-height:31px; display:inline-block;margin-top:0px;width:100%;} .gnb3_26 ul li a:hover{height:31px; line-height:31px;width:100%;vertical-align:middle;} .gnb3_26 ul li .gnb1{} .gnb3_26 ul li:hover{background:#f7f7f7;} .gnb3_50 {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb3_50 ul{list-style:none; margin:0px; padding:0px;} /*.gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb3_50 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:50%;text-align:center;border-right:0px solid #e1e1e1;} .gnb3_50 ul li a{height:41px; line-height:41px; display:inline-block;margin-top:0px;width:100%;} .gnb3_50 ul li a:hover{height:41px; line-height:41px;width:100%;vertical-align:middle;} .gnb3_50 ul li .gnb1{font-weight:bold;} .gnb3_50 ul li:hover{background:#f7f7f7;} .gnb3_6 {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb3_6 ul{list-style:none; margin:0px; padding:0px;} /*.gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb3_6 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:16%;text-align:center;border-right:0px solid #e1e1e1;} .gnb3_6 ul li a{height:41px; line-height:41px; display:inline-block;margin-top:0px;width:100%;} .gnb3_6 ul li a:hover{height:41px; line-height:41px;width:100%;vertical-align:middle;} .gnb3_6 ul li .gnb1{font-weight:bold;} .gnb3_6 ul li:hover{background:#f7f7f7;} .gnb4 {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb4 ul{list-style:none; margin:0px; padding:0px;} /*.gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb4 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:20%;text-align:center;border-right:0px solid #e1e1e1;} .gnb4 ul li a{height:31px; line-height:31px; display:inline-block;margin-top:0px;width:100%;} .gnb4 ul li a:hover{height:31px; line-height:31px;width:100%;vertical-align:middle;} .gnb4 ul li .gnb1{font-weight:bold;} .gnb4 ul li:hover{background:#f7f7f7;} .gnb6 {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb6 ul{list-style:none; margin:0px; padding:0px;} /*.gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb6 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;text-align:center;border-right:0px solid #e1e1e1;} .gnb6 ul li a{height:28px; line-height:28px; display:inline-block;margin-top:0px;width:100%;} .gnb6 ul li a:hover{height:28px; line-height:28px;width:100%;vertical-align:middle;} .gnb6 ul li .gnb1{font-weight:bold;} .gnb6 ul li:hover{background:#f7f7f7;} .gnb4s {margin:0 auto; text-align:left;width:100%;padding:0 0;} .gnb4s ul{list-style:none; margin:0px; padding:0px;} /*.gnb3 ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;width:25%;text-align:center;border-right:1px solid #4eb3f1;}*/ .gnb4s ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;text-align:center;border-right:0px solid #e1e1e1;} .gnb4s ul li a{height:31px; line-height:31px; display:inline-block;margin-top:0px;width:100%;} .gnb4s ul li a:hover{height:31px; line-height:31px;width:100%;vertical-align:middle;} .gnb4s ul li .gnb1{font-weight:bold;} .gnb4s ul li:hover{background:#f7f7f7;} .ct-list { margin: 20px 0 40px; padding: 0 0 0 40px; font-size: 13px; line-height: 1.6; } .ct-list > li { margin-top: 15px; } .ct-list > li:first-child { margin-top: 0; } ul.ct-list { list-style-type: disc; list-style-image: none; list-style-position: outside; } .ct-list.box { padding: 20px 40px; border-width: 5px; border-style: solid; } /* 퀵 폰트 */ .kr-01 { font-family: 돋움, dotum, 굴림, gulim, sans-serif; } .en-01 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .tb_top {border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#ffffff;} .tb_top2 {border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .tb_td {border-top:0px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .15em {font-size:15px;letter-spacing:-1;} /*툴팁 스타일*/ a.tip { position: relative; } a.tip span { display: none; position: absolute; top: -35px; left: 0px; width: 190px; padding: 5px; z-index: 100; background: #000; color: #fff; -moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */ -webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */ } a:hover.tip span { display: block; } #top_menu{margin:0 0;width:100%;} #top_menu ul{ margin:0 0;text-align:left; -webkit-padding-start: 0px; } #top_menu ul li{width:100px;height:48px;float:left;cursor:pointer;} #top_menu ul li.gnb00{width:40px;} #top_menu ul li.gnb01{width:170px;} #top_menu ul li.gnb011{width:124px;text-align:center;border-right:1px solid #434343;} #top_menu ul li.gnb011:hover,focus,active{text-align:center;background:#333333;} #top_menu ul li.gnb011a{width:124px;text-align:center;} #top_menu ul li.gnb011a:hover,focus,active{text-align:center;background:#333333;} #top_menu ul li.gnb02{width:120px;} #top_menu ul li.gnb021{width:110px;} #top_menu ul li.gnb03{width:15px;} #top_menu ul li.gnb04{width:53px;} #top_menu ul li.gnb05{width:180px;} .on, .on:hover, .on:focus, .on:active {padding:8px 0 0 0;background:url(/images/right_a_bg.png) no-repeat 0px 0px;} .off, .off:hover, .off:focus, .off:active {} /* 샘플 index2.php 사용후 삭제 */ #top_menu3{margin:0 0;width:100%;} #top_menu3 ul{ margin:0 0;text-align:left; -webkit-padding-start: 0px; } #top_menu3 ul li{width:110px;height:48px;float:left;cursor:pointer;list-style:none;} #top_menu3 ul li.gnb00{width:40px;} #top_menu3 ul li.gnb01{width:170px;} #top_menu3 ul li.gnb011{width:124px;text-align:center;border-right:1px solid #434343;} #top_menu3 ul li.gnb011:hover,focus,active{text-align:center;background:#333333;} #top_menu3 ul li.gnb011a{width:124px;text-align:center;} #top_menu3 ul li.gnb011a:hover,focus,active{text-align:center;background:#333333;} #top_menu3 ul li.gnb02{width:120px;} #top_menu3 ul li.gnb021{width:110px;} #top_menu3 ul li.gnb03{width:15px;} #top_menu3 ul li.gnb04{width:53px;} #top_menu3 ul li.gnb05{width:180px;} .on, .on:hover, .on:focus, .on:active {padding:8px 0 0 0;background:url(/images/right_a_bg.png) no-repeat 0px 0px;} .off, .off:hover, .off:focus, .off:active {} /* 여기까지 */ /* td.off{cursor:pointer;color:#222222;font-size:16px; font-family: 'easyNanumGothicBold', 'easyNanumGothicBold02';vertical-align:middle;} td.on, td.on:hover, td.on:focus, td.on:active{background:url(/images/mh_main3_42.png) repeat-y;cursor:pointer;color:#222222;font-size:16px; font-family: 'easyNanumGothicBold', 'easyNanumGothicBold02';vertical-align:middle;} .lnb_txt1{color:#222222;font-size:12px; font-family: 'easyNanumGothicBold', 'easyNanumGothicBold02';} .lnb_txt1 a:hover, .lnb_txt2 a:focus, .lnb_txt2 a:active{color:#222222;font-size:12px; font-family: 'easyNanumGothicBold', 'easyNanumGothicBold02';} .lnb_txt2{color:#222222;font-size:16px; font-family: 'easyNanumGothicBold', 'easyNanumGothicBold02';} .lnb_txt2 a:hover, .lnb_txt2 a:focus, .lnb_txt2 a:active{color:#222222;font-size:16px; font-family: 'easyNanumGothicBold', 'easyNanumGothicBold02';} */ #top_menu2{margin:0 0;width:100%;} #top_menu2 ul{ margin:0 0;text-align:left; -webkit-padding-start: 0px; } #top_menu2 ul li{width:80px;height:30px;float:left;cursor:pointer;list-style:none;} #top_menu2 ul li.gnb00{width:10px;} #top_menu2 ul li.gnb01{width:80px;} #top_menu2 ul li.gnb011{width:80px;text-align:center;margin-top:5px;color:#000000;} /* #top_menu2 ul li.gnb011:hover,focus,active{width:94px;text-align:center;background:#111111;} */ #top_menu2 ul li.gnb011:hover, #top_menu2 ul li.gnb011:focus, #top_menu2 ul li.gnb011:active {width:80px;text-align:center;background:#f7f7f7;margin-top:5px;border:0px solid #e1e1e1;color:#000000;} .gnb01a {padding:5px 0 0 0px;} .gnb01a:hover, .gnb01a:focus, .gnb01a:active {padding:5px 0 0 0px;} /* WEBsiting add CSS by admin@websiting.co.kr */ body{width:100%; height:100%;} .homewrap{width:100%; min-width:940px; text-align:center; background:#d2d1d0 URL(img/topbg.gif) repeat-x;;} img{border:0px;} .clearb{clear:both;} .clearb hr{display:none;} .toparea{margin:0 auto;height:40px; text-align:center;} .topbtn{margin:0 auto; text-align:right;} .topbtn ul{list-style:none; margin:0px; padding:0px; float:right;} .topbtn ul li{list-style:none; margin:0px; padding:0px; float:left;} .topbtn ul li a{display:block; padding:8px 8px 0px 8px; font-family:verdana; font-weight:bold; font-size:11px; color:#fff;} .topbtn ul li a:link,.topbtn ul li a:visited{ color:#000000;} .topbtn ul li a:hover{ color:#fff; text-decoration:none;} .toplogoarea{margin:0 auto; height:76px; overflow:hidden;} .toplogoarea h1{margin:0px; padding:20px 0px 20px 0px; float:left; width:220px; text-align:center;} .toplogoarea .topsearch{float:right; text-align:right; width:330px;} .toplogoarea .topsearch fieldset{border:0px; padding:20px 0px 0px 0px;} .toplogoarea .topsearch fieldset legend{display:none;} .toplogoarea .topsearch fieldset label{display:none;} .toplogoarea .topsearch fieldset .topsearch{width:280px; height:30px; line-height:30px; background:URL(img/searchbg.gif) no-repeat;; padding-left:15px; border:0px; text-align:left; float:left;} .toplogoarea .topsearch fieldset .btn_search{border:0px;float:left; margin-left:5px;} .my_box { height: 38px; width: 240px; padding: 2px 2px 2px 10px; /* 상, 우, 좌, 하 */ text-align: left; /* left, center, right */ border: #e1e1e1 1px solid; background-color: #ffffff; /* 테두리 각각의 색상 및 두께를 지정할때 사용합니다 border-right: #888888 1px solid; border-left: #888888 1px solid; border-top: #888888 1px solid; border-bottom: #888888 1px solid; */ /* 글꼴을 따로 지정할 수 있다. font-family: 궁서, Gulim, 'Times New Roman'; */ color: #666666; font-size: 11px; font-weight: normal; /* normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 */ font-style: normal; /* normal, italic, oblique */; } .ct { font-family: Verdana, 굴림; color:#424E10; } .ed { border:1px solid #CCCCCC;} .ed2 { border:1px solid #f7f7f7;padding:5px;background:#f7f7f7} .ed3 { border:0px solid #f7f7f7;} a.ed3:link {border:none;} a.ed3:visited {border:none;} a.ed3:active {border:none;} a.ed3:hover {border:none;} .tx { border:1px solid #CCCCCC; } .em { letter-spacing:-1; } .small { font-size:8pt; font-family:돋움; } .rtop, .rbottom{display:block;} .rtop *, .rbottom *{display:block; height:1px; overflow:hidden;} .r1{margin:0 5px; background:#CCCCCC} .r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; background:#EEEEEE} .r3{margin:0 2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:#EEEEEE} .r4{margin:0 1px; height:2px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:#EEEEEE} .box{ margin:0; padding:5px 10px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;font-size:12px} .b { font-weight: bold; } .ht { height:30px; } .ht2 { height:20px; } .price { color:crimson; } .lfont { font-size:13px; } .sfont { font-size:11px; } .w50 { width:50%; } .w99 { width:99%; } .arial { font-family:Arial; } .lh { line-height:150%; } .lh2 { line-height:200%; } .box {border:1 solid; border-color:#DDDDDD;} .login { color:#222222; font-family:vernada; font-size:10px;} .line { background-color:#969696;} .tdsc {background-color:#F0F0F0;} .edit { border-color:#B4B4B4; border-style:solid; border-width:1px; } /* 모든 input에 입력되는 텍스트 폰트*/ /*--- 회원/비회원 이름 --*/ .member {font-size:12px;font-family: 'Nanum Gothic';letter-spacing:-1; font-weight:normal; color:#000000} .guest {font-size:12px;font-family: 'Nanum Gothic';letter-spacing:-1; font-weight:normal; color:#000000 } /* 폼관련 태그 */ .ed { border:1px solid #CCCCCC; background-color:#f9f9f9; } .tx { border:1px solid #CCCCCC; background-color:#f9f9f9; } .co { border:1px solid #CCCCCC; background-color:#ffffff; } /*--코멘트 입력박스--*/ /*---- 게시물 {상세보기|카테고리명} 글꼴 --*/ .link {font-family:verdana,굴림,arial; color:#669900; font-size:11px;} a.link:link, a.b2:visited, a.b2:active {font-family:verdana,굴림,arial; color:#669900; font-size:11px; text-decoration:none;} a.link:hover {font-family:verdana,굴림, arial; color:#FF6600; font-size:11px; text-decoration:none;} /*-- 게시물 리스트 글꼴 --*/ .b1 {font-family:verdana,굴림,arial; color:#3399FF; font-size:12px;} a.b1:link, a.b1:visited, a.b1:active {font-family:verdana,굴림,arial; color:#3399FF; font-size:12px;} a.b1:hover {font-family:verdana,굴림, arial; color:#FF6600; font-size:12px; text-decoration:underline;} .cloudy, a.cloudy {color:#888888;} /* 흐림 */ #moreMenu{display:none} .tb_top {border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#ffffff;} .tb_top2 {border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .tb_td {border-top:0px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .15em {font-size:15px;letter-spacing:-1;} div#select_box { position: relative; width: 100px; height: 36px; background:#ffffff url(/images/select_arrow.png) 80px center no-repeat; /* 화살표 이미지 */ border: 1px solid #E9DDDD; } div#select_box label { position: absolute; font-size: 14px; font-family: 'Nanum Gothic'; color: #999999; top: 10px; left: 12px; letter-spacing: 1px; } div#select_box select#color { width: 100%; height: 36px; min-height: 36px; line-height: 36px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ } .textbox {position: relative;width:195px;height:35px;} .textbox label { position: absolute; width: 100%; top: 1px; /* input 요소의 border-top 설정값 만큼 */ left: 1px; /* input 요소의 border-left 설정값 만큼 */ padding: .8em .5em; /* input 요소의 padding 값 만큼 */ color: #e1e1e1; cursor: text; border: 1px solid #E9DDDD; } #ex_input { width:200px; height:34px; /*height: auto; /* 높이값 초기화 */ line-height : normal; /* line-height 초기화 */ padding: .8em .5em; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */ font-family: inherit; /* 폰트 상속 */ border: 1px solid #e1e1e1; border-radius: 0; /* iSO 둥근모서리 제거 */ background:#f7f7f7; outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */ -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; } .rad_right {border-raidus:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;} .rad_left {border-raidus:10px 0 0 0px;-moz-border-radius:10px 0 0 0;-webkit-border-radius:10px 0 0 0;} .rad_top {border-raidus:10px 10px 0 0px;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;} /* .rad_right {border-raidus:0 5px 0 0;-moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;} .rad_left {border-raidus:5px 0 0 0px;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0;} .rad_top {border-raidus:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} */ inputs:-webkit-input-placeholder { color: #b5b5b5; } inputs-moz-placeholder { color: #b5b5b5; } .inputs { background: #f5f5f5; font-size: 0.8rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; padding: 13px 10px; width: 270px; margin-bottom: 20px; box-shadow: inset 0 2px 3px rgba( 0, 0, 0, 0.1 ); clear: both; } .inputs:focus { background: #fff; box-shadow: 0 0 0 3px #fff38e, inset 0 2px 3px rgba( 0, 0, 0, 0.2 ), 0px 5px 5px rgba( 0, 0, 0, 0.15 ); outline: none; } .inputs3 { background: #f5f5f5; font-size: 0.8rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; padding: 13px 10px; width: 270px; margin-bottom: 20px; box-shadow: inset 0 2px 3px rgba( 0, 0, 0, 0.1 ); clear: both; } .inputs2 { background: #f5f5f5; font-size: 0.8rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #f7f7f7; padding: 13px 10px; width: 100%; margin-bottom: 5px; box-shadow: inset 0 2px 3px rgba( 0, 0, 0, 0.1 ); clear: both; } .inputs2:focus { background: #fff; box-shadow: 0 0 0 3px #fff38e, inset 0 2px 3px rgba( 0, 0, 0, 0.2 ), 0px 5px 5px rgba( 0, 0, 0, 0.15 ); outline: none; } .checks {position: relative;} .checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } .checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }