@charset "utf-8"; /* * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');*/ } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');*/ } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');*/ } /* Reset CSS */ * { margin:0; padding:0; border:0; outline:0; vertical-align:middle; font-family:'NanumGothic', '돋움'; /*font-size:12px;*/ } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } ul, ol, dl { list-style:none; } img, video { max-width:100%; border:0; vertical-align:top; } a { vertical-align:top; text-decoration:none; color:#333; } table { border-collapse:collapse; border-spacing:0; } input { vertical-align:middle; height:1.7em; border:1px solid #ccc; margin:0; padding: 0 3px; } select { vertical-align:middle; height:1.7em; line-height:1.7em; border:1px solid #ccc; margin:0; padding: 3px 0 3px 0; } input[type="radio"], input.type-radio, input[type="checkbox"], input.type-checkbox { border:none; } textarea { border:1px solid #ccc; margin:0; padding:3px; } form { margin:0; padding:0 } /*body { font-family:'NanumGothic', '돋움'; font-size:12px; line-height:120%; color:#333 }*/ label { cursor:pointer; } .blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; } i,em,address { font-style:normal; font-weight:normal; } .skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; } .btn_180px { width:180px; } .btn_160px { width:160px; } .btn_140px { width:140px; } .btn_120px { width:120px; } .btn_90px { width:90px; } .btn_80px { width:80px; } .btn_70px { width:70px; } .btn_60px { width:60px; } .btn_h26px { height:26px; line-height:26px; } /* 서브공통 */ .fl { float: left } .fr { float: right } div, p, li, dd, dt { /*font-size:12px;*/ } .valign_middle { vertical-align:middle } .align_center { text-align:center } .clear { clear:both } .width_20px { width:20px} .width_30px { width:30px} .width_40px { width:40px} .width_50px { width:50px} .width_60px { width:60px} .width_70px { width:70px} .width_80px { width:80px} .width_90px { width:90px} .width_100px { width:100px} .width_110px { width:110px} .width_120px { width:120px} .width_130px { width:130px} .width_140px { width:140px} .width_150px { width:150px} .width_250px { width:250px} .width_auto { width:auto; } .width_100per {width:100% } .width_97per {width:97% } .width_95per {width:95% } .width_65per { width:65% } .width_60per { width:60% } .width_50per { width:50% } .width_49per { width:49% } .width_48per { width:48% } .width_47per { width:48% } .width_45per { width:45% } .width_40per { width:45% } .width_39per { width:39% } .width_35per { width:35% } .width_33per { width:33% } .width_30per { width:30% } .width_25per { width:25% } .height_95per { height:95% } .height_90per { height:90% } .height_50per { height:50% } .height_50per { height:50% } .height_40per { height:40% } .margin_top20px { margin-top:20px; } .margin_top28px { margin-top:28px; } .margin_bottom30px { margin-bottom:30px; } .margin_left10px { margin-left:10px } .margin_left15px { margin-left:15px } .margin_right33px { margin-right:33px; } .padding_left40px { padding-left:40px }