97750326ea047cc10b4c78e62b1fd1122943fe1b.svn-base 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. @charset "utf-8";
  2. /*
  3. * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
  4. */
  5. @font-face {
  6. font-family: 'Nanum Gothic';
  7. font-style: normal;
  8. font-weight: 400;
  9. /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  10. src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
  11. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
  12. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
  13. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');*/
  14. }
  15. @font-face {
  16. font-family: 'Nanum Gothic';
  17. font-style: normal;
  18. font-weight: 700;
  19. /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  20. src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
  21. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
  22. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
  23. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');*/
  24. }
  25. @font-face {
  26. font-family: 'Nanum Gothic';
  27. font-style: normal;
  28. font-weight: 800;
  29. /*src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  30. src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
  31. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
  32. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
  33. url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');*/
  34. }
  35. /* Reset CSS */
  36. * { margin:0; padding:0; border:0; outline:0; vertical-align:middle; font-family:'NanumGothic', '돋움'; /*font-size:12px;*/ }
  37. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
  38. ul, ol, dl { list-style:none; }
  39. img, video { max-width:100%; border:0; vertical-align:top; }
  40. a { vertical-align:top; text-decoration:none; color:#333; }
  41. table { border-collapse:collapse; border-spacing:0; }
  42. input { vertical-align:middle; height:1.7em; border:1px solid #ccc; margin:0; padding: 0 3px; }
  43. select { vertical-align:middle; height:1.7em; line-height:1.7em; border:1px solid #ccc; margin:0; padding: 3px 0 3px 0; }
  44. input[type="radio"], input.type-radio, input[type="checkbox"], input.type-checkbox { border:none; }
  45. textarea { border:1px solid #ccc; margin:0; padding:3px; }
  46. form { margin:0; padding:0 }
  47. /*body { font-family:'NanumGothic', '돋움'; font-size:12px; line-height:120%; color:#333 }*/
  48. label { cursor:pointer; }
  49. .blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
  50. i,em,address { font-style:normal; font-weight:normal; }
  51. .skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
  52. .btn_180px { width:180px; }
  53. .btn_160px { width:160px; }
  54. .btn_140px { width:140px; }
  55. .btn_120px { width:120px; }
  56. .btn_90px { width:90px; }
  57. .btn_80px { width:80px; }
  58. .btn_70px { width:70px; }
  59. .btn_60px { width:60px; }
  60. .btn_h26px { height:26px; line-height:26px; }
  61. /* 서브공통 */
  62. .fl { float: left }
  63. .fr { float: right }
  64. div, p, li, dd, dt { /*font-size:12px;*/ }
  65. .valign_middle { vertical-align:middle }
  66. .align_center { text-align:center }
  67. .clear { clear:both }
  68. .width_20px { width:20px}
  69. .width_30px { width:30px}
  70. .width_40px { width:40px}
  71. .width_50px { width:50px}
  72. .width_60px { width:60px}
  73. .width_70px { width:70px}
  74. .width_80px { width:80px}
  75. .width_90px { width:90px}
  76. .width_100px { width:100px}
  77. .width_110px { width:110px}
  78. .width_120px { width:120px}
  79. .width_130px { width:130px}
  80. .width_140px { width:140px}
  81. .width_150px { width:150px}
  82. .width_250px { width:250px}
  83. .width_auto { width:auto; }
  84. .width_100per {width:100% }
  85. .width_97per {width:97% }
  86. .width_95per {width:95% }
  87. .width_65per { width:65% }
  88. .width_60per { width:60% }
  89. .width_50per { width:50% }
  90. .width_49per { width:49% }
  91. .width_48per { width:48% }
  92. .width_47per { width:48% }
  93. .width_45per { width:45% }
  94. .width_40per { width:45% }
  95. .width_39per { width:39% }
  96. .width_35per { width:35% }
  97. .width_33per { width:33% }
  98. .width_30per { width:30% }
  99. .width_25per { width:25% }
  100. .height_95per { height:95% }
  101. .height_90per { height:90% }
  102. .height_50per { height:50% }
  103. .height_50per { height:50% }
  104. .height_40per { height:40% }
  105. .margin_top20px { margin-top:20px; }
  106. .margin_top28px { margin-top:28px; }
  107. .margin_bottom30px { margin-bottom:30px; }
  108. .margin_left10px { margin-left:10px }
  109. .margin_left15px { margin-left:15px }
  110. .margin_right33px { margin-right:33px; }
  111. .padding_left40px { padding-left:40px }
  112. .tabpanel-item {
  113. height: 200px;
  114. -webkit-touch-callout: none;
  115. -webkit-user-select: none;
  116. -khtml-user-select: none;
  117. -moz-user-select: none;
  118. -ms-user-select: none;
  119. user-select: none;
  120. padding-left: 25px;
  121. padding-top: 55px;
  122. }
  123. .mobile .tabpanel-item {
  124. padding-top: 10px;
  125. }
  126. .tabpanel-item > div {
  127. float: left;
  128. padding: 0 85px 10px 10px
  129. }
  130. .tabpanel-item p {
  131. font-size: 16px;
  132. }
  133. .item-box {
  134. font-size: 16px;
  135. margin: 15px 0 45px 10px;
  136. }
  137. .options {
  138. padding: 20px;
  139. background-color: rgba(191, 191, 191, 0.15);
  140. margin-top: 20px;
  141. }
  142. .caption {
  143. font-size: 18px;
  144. font-weight: 500;
  145. }
  146. .option {
  147. margin-top: 10px;
  148. }